Différentes façons de définir la valeur de l'entrée à l'aide de la fonction JavaScript

Parfois, les développeurs doivent définir la valeur d'une entrée à l'aide d'une fonction, telles que la définition de la valeur d'une entrée dynamiquement en fonction de l'entrée utilisateur, de la définition de la valeur par défaut d'une entrée pendant que la page se charge, et ainsi de suite. JavaScript propose des méthodes ou des attributs prédéfinis pour effectuer l'opération spécifiée.

Ce message décrira les moyens de définir la valeur du champ de saisie à l'aide de la fonction JavaScript.

Différentes façons de définir la valeur de l'entrée à l'aide de la fonction JavaScript

Pour définir une valeur d'entrée à l'aide de la fonction JavaScript, utilisez les approches suivantes:

• Méthode "setAttribute ()"
• Attribut «valeur»

Méthode 1: Définissez la valeur de l'entrée à l'aide de la méthode «setAttribute ()»

Utilisez le "setAttribute ()”Méthode pour définir la valeur du champ de saisie. Cette méthode est utilisée pour définir la valeur d'un attribut particulier sur un élément HTML. Il faut deux paramètres, le «nom«De l'attribut et du«valeur" mettre en place.

Syntaxe
La syntaxe suivante est utilisée pour la méthode SetAttribute ():

setAttribute ("valeur", valeur);

Ici, "valeur"Est le nom de l'attribut du champ de saisie et le second"valeur«Est la valeur souhaitée à définir pour l'attribut spécifié.

Exemple
Dans un fichier html, créez deux champs d'entrée. On prendra les entrées de l'utilisateur, et dans le deuxième champ de saisie, la valeur d'entrée de l'utilisateur sera définie dynamiquement:

Créer deux variables "entrée" et le "setvalue«Cela stocke la référence des deux champs d'entrée en utilisant le«getElementByid ()" méthode:

var inputvalue = document.getElementById ("valeur");
var setValue = document.getElementById ("set");

Invoquez le pré-construit JavaScript "addEventListener ()”Méthode avec le champ de saisie où l'utilisateur entrera la valeur. Ensuite, appelez le «setAttribute ()”Méthode pour définir la valeur de l'entrée utilisateur comme valeur du deuxième champ de saisie:

entrée.addEventListener ("input", () =>
setvalue.setAttribute ("valeur", inputvalue.valeur);
);

On peut voir que la valeur entrée dans le premier champ de saisie est automatiquement définie dans le deuxième champ de saisie:

Méthode 2: Définissez la valeur de l'entrée à l'aide de l'attribut «Valeur»

Vous pouvez également utiliser le «valeur”Attribut pour définir la valeur d'entrée. Attribuer la valeur à l'attribut que vous souhaitez définir.

Syntaxe
Suivez la syntaxe donnée pour l'attribut «Valeur» pour définir la valeur de l'entrée:

saisir.valeur = valeur;

Exemple
Définissez la valeur entrée du premier champ de saisie sur le deuxième champ de saisie à l'aide du «valeur«Attribut dans le«addEventListener ()" méthode:

entrée.addEventListener ("input", () =>
setvalue.valeur = inputvalue.valeur;
);

Sortir

Nous avons fourni toutes les solutions possibles pour définir la valeur de l'entrée à l'aide de la fonction JavaScript.

Conclusion

Pour définir la valeur de l'entrée à l'aide de la fonction JavaScript, utilisez le "setAttribute ()«Méthode ou le«valeur" attribut. L'attribut «Valeur» est l'approche la plus couramment utilisée pour définir la valeur d'une entrée. Ce message a décrit les moyens de définir la valeur du champ de saisie à l'aide de la fonction JavaScript.