Mit JavaScript können Sie dem Textfeld Wert zuweisen

Mit JavaScript können Sie dem Textfeld Wert zuweisen
Manchmal müssen Sie möglicherweise einen Textboxwert basierend auf einem Ereignis festlegen. Sie können dies tun, indem Sie in der HTML -Datei ein Element für Eingabetextbox in der HTML -Datei hinzufügen und den Attributwert basierend auf der Anforderung festlegen. JavaScript hat vordefinierte Methoden, die für den angegebenen Zweck nützlich sein können.

In diesem Beitrag wird die Prozedur zum Zuweisen von Wert an das Textfeld mit JavaScript definiert.

Mit JavaScript können Sie dem Textfeld Wert zuweisen?

Verwenden Sie die folgenden Methoden, um dem Textfeld Wert zuzuweisen:

  • Verwenden der Methode setAttribute ()
  • Verwenden der Textwerteigenschaft

Schauen wir uns die Arbeit dieser Methoden getrennt an!

Methode 1: Zuweisen Sie dem Textfeld mithilfe von setAttribute () den Wert der Methode des Werts. Methode

Der "setAttribute ()Die Methode wird verwendet, um dem Textfeld einen Wert zuzuweisen. Es wird verwendet, um ein Attribut zu einem bestimmten Element hinzuzufügen oder festzulegen und ihm einen Wert zu geben. Diese Methode nimmt zwei Parameter als Argument an, und beide sind obligatorisch.

Syntax

Folgen Sie der unten erwähnten Syntax für setAttribute () Methode:

setAttribute (Attributename, AttributeValue);

Hier, "AttributwertIst der Wert des Attributs, dessen Name angegeben ist.

Beispiel

Wir werden zuerst eine Überschrift und ein Eingabefeld mit der Standardeinstellung erstellen “TextPlatzhalterwert. Fügen Sie als nächstes eine Schaltfläche hinzu, die die Methode „myFunction ()“ aufgerufen wird, wenn sie geklickt wird:

Klicken Sie auf die Schaltfläche, um den Standardwert des Textfelds anzuzeigen.


Definieren Sie in der JS -Datei eine Funktion namens “myfunction ()”Und greifen Sie mit“ auf das Textfeld zuGetElementById ()Methode und dann den Wert mit Hilfe von “festlegen“setAttribute ()" Methode:

Funktion myfunction ()
dokumentieren.GetElementById ("Mytext").setAttribute ('value', 'LinuxHint');

Aus der Ausgabe ist ersichtlich, dass beim Klicken der Schaltfläche der Wert des Textfelds als "festgelegt wirdLinuxHint”:

Sehen wir uns die nächste Prozedur zur Zuweisung von Wert an die Textbox an.

Methode 2: Zuwenden Sie dem Textfeld mithilfe der Textwerteigenschaft einen Wert zu

Es gibt einen weiteren Ansatz, um dem Textfeld einen Wert zuzuweisen, nämlich das "Wert”Eigenschaft des Textes. In diesem Ansatz müssen Sie den Wert nur mit der Werteigenschaft dem Wert der Textbox zuweisen.

Syntax

Verwenden Sie die folgende Syntax, um einem Textfeld Wert unter Verwendung der Werteigenschaft des Textelements zuzuweisen:

value = "text";

Beispiel

Hier zuweisen wir den Wert dem bereits erstellten Textfeld im vorherigen Beispiel. Greifen Sie dazu in der myfunction () auf das Textfeld zu und weisen Sie dann den erforderlichen Wert der Textbox mit der “zu" zu "Wert" Eigentum:

Funktion myfunction ()
dokumentieren.GetElementById ("Mytext").Value = "LinuxHint";

Wie Sie die Ausgabe erfolgreich sehen können, weisen Sie den Wert dem Textfeld zu: zuweisen:

Wir haben die einfachsten Ansätze für die Zuweisung von Wert an das Textfeld mit JavaScript gesammelt.

Abschluss

Um den Textfeld mit JavaScript Wert zuzuweisen, können Sie die vordefinierte JavaScript -Methode namens setAttribute () oder die Werteigenschaft des Textelements verwenden. Beide Ansätze funktionieren effizient, um dem Textfeld einen Wert zuzuweisen. Sie können eine davon gemäß Ihren Anforderungen auswählen. In diesem Beitrag haben wir die Ansätze zur Zuweisung des Werts dem Textfeld mit JavaScript mit detaillierten Beispielen erörtert.