Dit bericht definieert de procedure voor het toewijzen van waarde aan het tekstvak met behulp van JavaScript.
Hoe waarde toe te wijzen aan Textbox met behulp van JavaScript?
Gebruik de volgende methoden om waarde toe te kennen aan het tekstvak:
Laten we de werking van deze methoden afzonderlijk bekijken!
Methode 1: Waarde toewijzen aan tekstvak met behulp van de methode setAttribute()
De ' setAttribuut() ” wordt gebruikt om een waarde aan het tekstvak toe te wijzen. Het wordt gebruikt om een attribuut aan een bepaald element toe te voegen of in te stellen en het een waarde te geven. Deze methode neemt twee parameters als argument en beide zijn verplicht.
Syntaxis
Volg de onderstaande syntaxis voor de setAttribute()-methode:
setAttribuut ( attributeName, attributeValue ) ;Hier, ' Attribuutwaarde ” is de waarde van het attribuut waarvan de naam is opgegeven.
Voorbeeld
We zullen eerst een kop en een invoerveld maken met de standaard ' Tekst ” tijdelijke aanduiding waarde. Voeg vervolgens een knop toe die de methode 'myFunction()' oproept wanneer erop wordt geklikt:
< h5 > Klik op de knop om de . te zien standaard waarde van het tekstveld. h5 >< invoertype: = 'tekst' ID kaart = 'mijntekst' tijdelijke aanduiding = 'Tekst' >
< knop onclick = 'mijnFunctie()' > Klik knop >
Definieer in het JS-bestand een functie met de naam ' mijnFunctie() ' en open het tekstvak met ' getElementbyId() ” methode en stel vervolgens de waarde in met behulp van “ setAttribuut() methode:
functie mijnFunctie ( ) {document. getElementById ( 'mijntekst' ) . setAttribuut ( 'waarde' , 'LinuxHint' ) ;
}
Uit de uitvoer blijkt dat wanneer op de knop wordt geklikt, de waarde van het tekstvak wordt ingesteld als ' LinuxHint ”:
Laten we eens kijken naar de volgende procedure voor het toewijzen van waarde aan het tekstvak.
Methode 2: Waarde toewijzen aan Textbox met behulp van Text Value Property
Er is een andere benadering voor het toekennen van waarde aan het tekstvak, namelijk de “ waarde ” eigenschap van de tekst. In deze benadering hoeft u alleen de waarde aan het tekstvak toe te wijzen met behulp van de eigenschap value.
Syntaxis
Gebruik de volgende syntaxis voor het toewijzen van waarde aan een tekstvak met behulp van de eigenschap value van het tekstelement:
waarde = 'Tekst' ;Voorbeeld
Hier zullen we de waarde toewijzen aan het reeds gemaakte tekstvak in het vorige voorbeeld. Om dit te doen, opent u het tekstvak in de myFunction() en wijst u vervolgens de vereiste waarde toe aan het tekstvak met behulp van de ' waarde ' eigendom:
functie mijnFunctie ( ) {document. getElementById ( 'mijntekst' ) . waarde = 'LinuxHint' ;
}
Zoals u de uitvoer met succes kunt zien, wijst u de waarde toe aan het tekstvak:
We hebben de eenvoudigste benaderingen verzameld voor het toewijzen van waarde aan het tekstvak met behulp van JavaScript.
Conclusie
Voor het toewijzen van waarde aan het tekstvak met behulp van JavaScript, kunt u de vooraf gedefinieerde JavaScript-methode gebruiken, setAttribute() genaamd, of de eigenschap value van het tekstelement. Beide benaderingen werken efficiënt voor het toekennen van waarde aan het tekstvak. U kunt er een selecteren volgens uw vereisten. In dit bericht hebben we de benaderingen besproken voor het toewijzen van de waarde aan het tekstvak met behulp van JavaScript met gedetailleerde voorbeelden.