Verschiedene Möglichkeiten, den Wert der Eingabe mithilfe der JavaScript -Funktion festzulegen

Manchmal müssen Entwickler den Wert einer Eingabe mithilfe einer Funktion festlegen, z. JavaScript bietet vordefinierte Methoden oder Attribute zur Ausführung des angegebenen Betriebs.

In diesem Beitrag werden die Möglichkeiten beschrieben, den Wert des Eingangsfelds mithilfe der JavaScript -Funktion festzulegen.

Verschiedene Möglichkeiten, den Wert der Eingabe mithilfe der JavaScript -Funktion festzulegen

Verwenden Sie die folgenden Ansätze, um einen Wert der Eingabe mithilfe der JavaScript -Funktion festzulegen:

• "SetAttribute ()" Methode
• Attribut "Wert"

Methode 1: Wert der Eingabe mit "setAttribute ()" -Methode festlegen

Verwenden Sie die “setAttribute ()Methode zum Festlegen des Wertes des Eingangsfeldes. Diese Methode wird verwendet, um den Wert eines bestimmten Attributs auf einem HTML -Element festzulegen. Es braucht zwei Parameter, die “Name”Des Attributs und das“Wert”Zu setzen.

Syntax
Die folgende Syntax wird für die Methode setAttribute () verwendet:

setAttribute ("Wert", Wert);

Hier, "Wert"Ist der Name des Attributs des Eingabefeldes und das zweite"WertIst der gewünschte Wert, der für das angegebene Attribut festgelegt ist.

Beispiel
Erstellen Sie in einer HTML -Datei zwei Eingabefelder. Man nimmt den Benutzer Eingaben und im zweiten Eingabefeld wird der Eingangswert des Benutzers dynamisch festgelegt:

Erstellen Sie zwei Variablen “eingegebener Wert" und das "SetValueDas speichert die Referenz beider Eingabefelder mit der "GetElementById ()" Methode:

var InputValue = Dokument.getElementById ("Wert");
var setValue = Dokument.GetElementById ("set");

Rufen Sie das vorgefertigte JavaScript auf “AddEventListener ()Methode mit dem Eingabefeld, in dem der Benutzer den Wert eingibt. Dann rufen Sie das an "setAttribute ()Methode, um den Wert der Benutzereingabe als Wert des zweiten Eingangsfeldes festzulegen:

eingegebener Wert.AddEventListener ("Eingabe", () =>
SetValue.setAttribute ("value", InputValue.Wert);
);

Es ist ersichtlich, dass der im erste Eingangsfeld eingegebene Wert automatisch im zweiten Eingangsfeld eingestellt wird:

Methode 2: Stellen Sie den Wert der Eingabe mit dem Attribut "Wert" ein

Sie können auch die „verwenden“Wert”Attribut zum Einstellen des Eingabewerts. Weisen Sie den Wert dem Attribut zu, das Sie festlegen möchten.

Syntax
Befolgen Sie die angegebene Syntax für das Attribut "Wert", um den Wert der Eingabe festzulegen:

Eingang.Wert = Wert;

Beispiel
Setzen Sie den eingegebenen Wert des ersten Eingangsfeldes mit der “Wert”Attribut in“AddEventListener ()" Methode:

eingegebener Wert.AddEventListener ("Eingabe", () =>
SetValue.value = inputValue.Wert;
);

Ausgang

Wir haben alle möglichen Lösungen für die Festlegung des Eingangswerts mithilfe der JavaScript -Funktion bereitgestellt.

Abschluss

Verwenden Sie die „Eingabewert der Eingabe mithilfe der JavaScript -Funktion einsetAttribute ()”Methode oder die“Wert”Attribut. Das Attribut „Wert“ ist der am häufigsten verwendete Ansatz zum Festlegen des Wertes einer Eingabe. In diesem Beitrag wurden die Möglichkeiten beschrieben, den Wert des Eingangsfeldes mithilfe der JavaScript -Funktion festzulegen.