Comment attribuer la valeur à TextBox à l'aide de JavaScript

Parfois, vous devrez peut-être définir une valeur de zone de texte en fonction de tout événement. Vous pouvez le faire en ajoutant un élément de boîte de texte d'entrée dans le fichier HTML et en définissant sa valeur d'attribut en fonction de l'exigence. JavaScript a des méthodes prédéfinies qui peuvent être utiles à l'objectif indiqué.

Ce message définira la procédure d'attribution de la valeur à la zone de texte à l'aide de JavaScript.

Comment attribuer la valeur à TextBox à l'aide de JavaScript?

Pour attribuer de la valeur à la zone de texte, utilisez les méthodes suivantes:

• Utilisation de la méthode setAttribute ()
• Utilisation de la propriété de valeur de texte

Examinons le fonctionnement de ces méthodes séparément!

Méthode 1: Assignez la valeur à TextBox à l'aide de SetAttribute () Méthode

Le "setAttribute ()«La méthode est utilisée pour attribuer une valeur à la zone de texte. Il est utilisé pour ajouter ou définir un attribut à un certain élément et lui donner une valeur. Cette méthode prend deux paramètres comme argument, et les deux sont obligatoires.

Syntaxe

Suivez la syntaxe mentionnée ci-dessous pour la méthode SetAttribute ():

setAttribute (attributeName, attributValue);

Ici, "attributValue«Est la valeur de l'attribut dont le nom est spécifié.

Exemple

Nous allons d'abord créer une rubrique et un champ de saisie avec la valeur par défaut "Texte”Valeur d'espace. Ensuite, ajoutez un bouton qui invoquera la méthode «myFunction ()» lorsqu'elle est cliquée:

Cliquez sur le bouton pour voir la valeur par défaut du champ de texte.

Cliquez sur

Dans le fichier js, définissez une fonction nommée "myFunction ()"Et accédez à la zone de texte en utilisant"getElementByid ()«Méthode puis définissez la valeur à l'aide de«setAttribute ()" méthode:

fonction myFunction ()
document.GetElementByid ("MyText").setAttribute ('Value', 'LinuxHint');

Il peut être vu à partir de la sortie que lorsque le bouton est cliqué, la valeur de la zone de texte est définie comme «Linuxhint»:

Voyons la procédure suivante pour attribuer de la valeur à la zone de texte.

Méthode 2: Attribuer une valeur à la zone de texte à l'aide de la propriété de valeur de texte

Il existe une autre approche pour attribuer de la valeur à la zone de texte, qui est le «valeur»Propriété du texte. Dans cette approche, vous n'avez qu'à affecter la valeur à la zone de texte en utilisant la propriété de valeur.

Syntaxe

Utilisez la syntaxe suivante pour attribuer une valeur à une zone de texte en utilisant la propriété de valeur de l'élément texte:

value = "texte";

Exemple

Ici, nous attribuerons la valeur à la zone de texte déjà créée dans l'exemple précédent. Pour ce faire, accédez à la zone de texte dans MyFunction () puis attribuez la valeur requise à la zone de texte à l'aide du «valeur" propriété:

fonction myFunction ()
document.GetElementByid ("MyText").Value = "LinuxHint";

Comme vous pouvez voir la sortie avec succès, attribuez la valeur à la zone de texte:

Nous avons rassemblé les approches les plus simples pour attribuer de la valeur à la zone de texte à l'aide de JavaScript.

Conclusion

Pour attribuer de la valeur à la zone de texte à l'aide de JavaScript, vous pouvez utiliser la méthode JavaScript prédéfinie appelée méthode setAttribute () ou la propriété de valeur de l'élément texte. Ces deux approches fonctionnent efficacement pour attribuer de la valeur à la zone de texte. Vous pouvez en sélectionner l'un d'eux selon vos besoins. Dans cet article, nous avons discuté des approches pour attribuer la valeur à la zone de texte à l'aide de JavaScript avec des exemples détaillés.