Hvordan tilordne verdi til TextBox ved hjelp av JavaScript

Noen ganger kan det hende du må angi en tekstboksverdi basert på enhver hendelse. Du kan gjøre dette ved å legge til et input TextBox -element i HTML -filen og angi attributtverdien basert på kravet. JavaScript har forhåndsdefinerte metoder som kan være nyttige for det uttalte formålet.

Dette innlegget vil definere prosedyren for å tilordne verdi til tekstboksen ved hjelp av JavaScript.

Hvordan tilordne verdi til TextBox ved hjelp av JavaScript?

For å tilordne verdi til tekstboksen, bruk følgende metoder:

• Ved hjelp av setAttribute () -metode
• Bruke tekstverdiegenskap

La oss se på arbeidet med disse metodene separat!

Metode 1: Tildel verdi til TextBox ved hjelp av SetAttribute () -metode

“setAttribute ()”Metoden brukes til å tilordne en verdi til tekstboksen. Det brukes til å legge til eller angi en attributt til et bestemt element og gi det en verdi. Denne metoden tar to parametere som et argument, og begge er obligatoriske.

Syntaks

Følg den nedenfor-nevnte syntaks for SetAttribute () -metode:

setAttribute (AttributeName, AttributeValue);

Her, “AttributeValue”Er verdien av attributtet hvis navn er spesifisert.

Eksempel

Vi vil først opprette en overskrift og et inngangsfelt med standard "Tekst”Plassholderverdi. Deretter legger du til en knapp som vil påkalle metoden “MyFunction ()” når den er klikket:

Klikk på knappen for å se standardverdien til tekstfeltet.

Klikk

I JS -fil, definer en funksjon som heter “MyFunction ()”Og tilgang til tekstboksen ved å bruke“getElementById ()”Metode og angi deretter verdien ved hjelp av“setAttribute ()”Metode:

funksjon myfunction ()
dokument.getElementById ("MyText").setAttribute ('verdi', 'linuxhint');

Det kan sees fra utdataene at når knappen er klikket, settes verdien på tekstboksen som "Linuxhint”:

La oss se neste prosedyre for å tilordne verdi til tekstboksen.

Metode 2: Tildel verdi til tekstboks ved å bruke tekstverdiegenskaper

Det er en annen tilnærming for å tilordne verdi til tekstboksen, som er "verdi”Eiendom av teksten. I denne tilnærmingen trenger du bare å tilordne verdien til tekstboksen ved å bruke verdien egenskapen.

Syntaks

Bruk følgende syntaks for å tilordne verdi til en tekstboks ved å bruke verdien for tekstelementet:

verdi = "tekst";

Eksempel

Her vil vi tilordne verdien til den allerede opprettet tekstboksen i forrige eksempel. For å gjøre det, få tilgang til tekstboksen i myfunksjonen () og deretter tilordne den nødvendige verdien til tekstboksen ved å bruke "verdi”Eiendom:

funksjon myfunction ()
dokument.getElementById ("MyText").verdi = "linuxhint";

Som du kan se utdataene, tilordne verdien til tekstboksen:

Vi har samlet de enkleste tilnærmingene for å tilordne verdi til tekstboksen ved hjelp av JavaScript.

Konklusjon

For å tilordne verdi til tekstboksen ved hjelp av JavaScript, kan du bruke JavaScript forhåndsdefinert metode kalt setAttribute () -metode eller verdien for tekstelementet. Begge disse tilnærmingene fungerer effektivt for å tilordne verdi til tekstboksen. Du kan velge en av dem i henhold til ditt krav. I dette innlegget har vi diskutert tilnærmingene for å tildele verdien til tekstboksen ved hjelp av JavaScript med detaljerte eksempler.