Hur man tilldelar värde till textlåda med JavaScript

Hur Man Tilldelar Varde Till Textlada Med Javascript



Ibland kan du behöva ställa in ett textboxvärde baserat på vilken händelse som helst. Du kan göra detta genom att lägga till ett inmatningstextruteelement i HTML-filen och ställa in dess attributvärde baserat på kravet. JavaScript har fördefinierade metoder som kan vara användbara för det angivna syftet.

Det här inlägget kommer att definiera proceduren för att tilldela värde till textrutan med JavaScript.

Hur tilldelar man värde till textlåda med JavaScript?

För att tilldela värde till textrutan, använd följande metoder:







Låt oss titta på hur dessa metoder fungerar separat!



Metod 1: Tilldela värde till textrutan med metoden setAttribute().

den ' setAttribute() ”-metoden används för att tilldela ett värde till textrutan. Det används för att lägga till eller ställa in ett attribut till ett visst element och ge det ett värde. Denna metod tar två parametrar som ett argument, och båda är obligatoriska.



Syntax





Följ nedanstående syntax för setAttribute()-metoden:

setAttribute ( attributnamn, attributValue ) ;

Här, ' attributValue ” är värdet på attributet vars namn anges.



Exempel

Vi kommer först att skapa en rubrik och ett inmatningsfält med standard ' Text ” platshållarvärde. Lägg sedan till en knapp som anropar metoden 'myFunction()' när den klickas:

< h5 > Klicka på knappen för att se standard värdet i textfältet. h5 >

< ingångstyp = 'text' id = 'min text' Platshållare = 'Text' >

< knappen när du klickar = 'myFunction()' > Klick knapp >

I JS-filen, definiera en funktion som heter ' myFunction() ' och öppna textrutan med ' getElementbyId() ”-metoden och ställ sedan in värdet med hjälp av ” setAttribute() ' metod:

funktion myFunction ( ) {

dokumentera. getElementById ( 'min text' ) . setAttribute ( 'värde' , 'LinuxHint' ) ;

}

Det kan ses från utgången att när du klickar på knappen ställs värdet på textrutan in som ' LinuxTips ”:

Låt oss se nästa procedur för att tilldela värde till textrutan.

Metod 2: Tilldela värde till textrutan med textvärdeegenskap

Det finns en annan metod för att tilldela värde till textrutan, vilket är ' värde ” egenskap hos texten. I det här tillvägagångssättet behöver du bara tilldela värdet till textrutan med värdeegenskapen.

Syntax

Använd följande syntax för att tilldela värde till en textruta med värdeegenskapen för textelementet:

värde = 'Text' ;

Exempel

Här kommer vi att tilldela värdet till den redan skapade textrutan i föregående exempel. För att göra det, gå till textrutan i myFunction() och tilldela sedan det önskade värdet till textrutan med hjälp av ' värde ' fast egendom:

funktion myFunction ( ) {

dokumentera. getElementById ( 'min text' ) . värde = 'LinuxHint' ;

}

Som du kan se resultatet framgångsrikt, tilldela värdet till textrutan:

Vi har samlat de enklaste metoderna för att tilldela värde till textrutan med hjälp av JavaScript.

Slutsats

För att tilldela värde till textrutan med JavaScript kan du använda den fördefinierade JavaScript-metoden som kallas setAttribute()-metoden eller värdeegenskapen för textelementet. Båda dessa metoder fungerar effektivt för att tilldela värde till textrutan. Du kan välja en av dem enligt dina önskemål. I det här inlägget har vi diskuterat metoderna för att tilldela värdet till textrutan med hjälp av JavaScript med detaljerade exempel.