Comment sélectionner OnChange en JavaScript

JavaScript propose une variété de fonctionnalités intégrées pour minimiser le temps et l'effort des développeurs. JavaScript interagit avec les éléments HTML pour faire une recherche interactive sur les sites Web. Il est possible via un événement Onchange qui est déclenché lorsque l'utilisateur modifie l'option sélectionnée via élément. Ce message explique la sélection de sur le changement événements ainsi qu'un exemple pratique en javascript. Le contenu qui démontre ce message est le suivant.

Comment sélectionner OnChange en JavaScript?

L'événement OnChange se produit lorsque la valeur de l'élément est modifiée. Il est spécifiquement utilisé dans les cases à cocher pour la validation du formulaire. Par exemple, une liste déroulante est utilisée, ayant des options différentes. L'événement OnChange est appelé chaque fois que l'utilisateur sélectionne une option. Tous les navigateurs modernes sont compatibles avec cet événement.

Un exemple est fourni pour sélectionner une valeur en utilisant l'événement OnChange. Il est divisé en fichiers HTML et JavaScript. Cet exemple de code est fourni ci-dessous:

Code HTML

Un exemple pour sélectionner la valeur en inchange

Sélectionnez le niveau d'éducation:

École
Collège
Université

La description du code est répertoriée ici:

• Tout d'abord, une liste déroulante est créée en attribuant l'ID "éducation" dans Mots clés
• Dans cette liste, différentes options sont fournies comme «École», «collège» et "Université" au nom de l'événement Onchange.
• L'événement OnChange est appelé si l'une des options mentionnées précédemment est sélectionnée.
• Enfin, le La balise est utilisée pour joindre le fichier javascript "js".

Le "test.js»Le fichier contient le code suivant:

Code javascript

fonction getSelectedTextValue (éducation)
var sletex = éducation.Options [Éducation.selectedIndex].innerhtml;
var selval = éducation.valeur;
alert ("Texte sélectionné:" + SLETEX + "Valeur:" + Selval);

La description du code est donnée ci-dessous:

• Le GetSelectedTextValue () la méthode est utilisée en passant le "éducation" comme argument.
• UN "SLETEX" la variable est utilisée pour extraire la valeur de éducation du Html
• Après cela, "Selval" La variable est utilisée pour récupérer la valeur de l'éducation.
• En fin de compte, une boîte d'alerte est générée qui extrait le texte ainsi que la valeur de "SLETEX" et "Selval".

Sortir

La sortie affiche la liste déroulante de "École", "Collège" et "Université" options. L'événement OnChange est appelé si l'option spécifique est sélectionnée. Enfin, il affiche la valeur du texte sélectionné dans la fenêtre contextuelle.

Conclusion

JavaScript a un événement intégré sur le changement qui se produit lorsque la valeur d'un élément est sélectionnée par l'utilisateur. À cette fin, une liste déroulante est générée pour sélectionner une valeur au nom de l'événement OnChange.

Il est utile de fournir une installation croisée lors de la sélection d'une option. Dans cet article, vous avez vécu comment sélectionner le texte ainsi que la valeur en utilisant des événements Onchange.