In diesem Beitrag wird das Verfahren zum Zuweisen von Werten zum Textfeld mithilfe von JavaScript definiert.
Wie kann man Textbox mit JavaScript einen Wert zuweisen?
Um dem Textfeld einen Wert zuzuweisen, verwenden Sie die folgenden Methoden:
Betrachten wir die Funktionsweise dieser Methoden separat!
Methode 1: Weisen Sie dem Textfeld mit der Methode setAttribute () einen Wert zu
Das ' setAttribute() ”-Methode wird verwendet, um dem Textfeld einen Wert zuzuweisen. Es wird verwendet, um einem bestimmten Element ein Attribut hinzuzufügen oder es festzulegen und ihm einen Wert zuzuweisen. Diese Methode akzeptiert zwei Parameter als Argument, und beide sind obligatorisch.
Syntax
Befolgen Sie die unten aufgeführte Syntax für die Methode setAttribute():
setAttribut ( attributname, attributwert ) ;Hier, ' Attributwert ” ist der Wert des Attributs, dessen Name angegeben ist.
Beispiel
Wir erstellen zunächst eine Überschrift und ein Eingabefeld mit der Vorgabe „ Text ” Platzhalterwert. Fügen Sie als Nächstes eine Schaltfläche hinzu, die die Methode „myFunction()“ aufruft, wenn darauf geklickt wird:
< h5 > Klicken Sie auf die Schaltfläche, um die anzuzeigen Ursprünglich Wert des Textfeldes. h5 >< Eingabetyp = 'Text' Ich würde = 'meinText' Platzhalter = 'Text' >
< Schaltfläche anklicken = 'meineFunktion()' > Klicken Taste >
Definieren Sie in der JS-Datei eine Funktion mit dem Namen „ meineFunktion() “ und greifen Sie mit „ getElementbyId() “-Methode und stellen Sie dann den Wert mit Hilfe von „ setAttribute() ' Methode:
Funktion meineFunktion ( ) {dokumentieren. getElementById ( 'meinText' ) . setAttribut ( 'Wert' , 'LinuxHint' ) ;
}
Aus der Ausgabe ist ersichtlich, dass beim Klicken auf die Schaltfläche der Wert des Textfelds auf „ LinuxHinweis “:
Sehen wir uns das nächste Verfahren zum Zuweisen von Werten zum Textfeld an.
Methode 2: Weisen Sie dem Textfeld mithilfe der Textwert-Eigenschaft einen Wert zu
Es gibt einen anderen Ansatz, um dem Textfeld einen Wert zuzuweisen, nämlich „ Wert ” Eigenschaft des Textes. Bei diesem Ansatz müssen Sie dem Textfeld nur den Wert über die value-Eigenschaft zuweisen.
Syntax
Verwenden Sie die folgende Syntax, um einem Textfeld mithilfe der value-Eigenschaft des Textelements einen Wert zuzuweisen:
Wert = 'Text' ;Beispiel
Hier weisen wir den Wert dem bereits erstellten Textfeld im vorherigen Beispiel zu. Greifen Sie dazu auf das Textfeld in der myFunction() zu und weisen Sie dann dem Textfeld mit dem „ Wert ' Eigentum:
Funktion meineFunktion ( ) {dokumentieren. getElementById ( 'meinText' ) . Wert = 'LinuxHinweis' ;
}
Wie Sie die Ausgabe erfolgreich sehen können, weisen Sie dem Textfeld den Wert zu:
Wir haben die einfachsten Ansätze zusammengestellt, um der Textbox mithilfe von JavaScript einen Wert zuzuweisen.
Fazit
Um dem Textfeld mithilfe von JavaScript einen Wert zuzuweisen, können Sie die vordefinierte JavaScript-Methode namens setAttribute()-Methode oder die value-Eigenschaft des Textelements verwenden. Beide Ansätze funktionieren effizient, um dem Textfeld einen Wert zuzuweisen. Sie können je nach Bedarf eine davon auswählen. In diesem Beitrag haben wir die Ansätze zur Zuweisung des Werts an die Textbox mit JavaScript mit detaillierten Beispielen besprochen.