Comment obtenir la valeur sélectionnée dans la liste déroulante à l'aide de JavaScript?

Une liste déroulante fournit une liste d'éléments liés à une fonction particulière. En cliquant sur chaque élément, le code JavaScript s'exécute sur le backend et effectue une tâche spécifique concernant cet élément. La propriété de liste déroulante est très couramment utilisée dans les sites Web de commerce électronique, d'éducation et de marché boursier.

Si vous explorez JavaScript pour améliorer vos compétences en programmation, c'est le meilleur endroit pour vous pour comprendre les concepts de base de Javascrip. Dans le guide d'aujourd'hui, vous apprendrez à extraire la valeur qui est sélectionnée dans une liste déroulante en utilisant JavaScript.

Dans cet article, les utilisateurs pourront obtenir la valeur sélectionnée dans la vue déroulante en utilisant Javascrip.

Comment obtenir une valeur sélectionnée dans une liste déroulante dans JavaScript?

JavaScript peut être utilisé pour récupérer des valeurs sélectionnées dans la liste déroulante, puis afficher la valeur dans le navigateur. Cette section fournit une fonction intégrée pour obtenir la valeur sélectionnée par la liste déroulante.

Exemple

Un exemple est démontré pour obtenir les valeurs d'une liste déroulante dans JavaScript.

Code

Un exemple pour obtenir la valeur sélectionnée dans la liste déroulante à l'aide de JavaScript

Veuillez sélectionner l'élément et voir la valeur

-- Veuillez sélectionner --
Criquet
Football
Le hockey

Le code est décrit comme:

• Tout d'abord, un message s'affiche pour sélectionner l'élément dans le la liste déroulante.
• Après cela, le Mot-clé option est utilisé pour des listes déroulantes telles que Cricket, football, et Le hockey.
• Après avoir cliqué sur chaque élément, le morceau de code est exécuté et apparaît les valeurs associées à l'élément.

Sortir

L'affichage représente une liste déroulante en exécutant le code ci-dessus. Au backend, différents éléments sont attachés à une liste, et chacun se voit attribuer une valeur. En cliquant sur un élément, la valeur spécifique s'affiche dans la fenêtre contextuelle.

Conclusion

Une liste déroulante est utilisée pour obtenir la valeur sélectionnée en cliquant sur les options en Javascrip. Dans ce but, et Les balises sont utilisées pour la sélection et les options de don aux utilisateurs, respectivement. En cliquant sur l'option, l'utilisateur extrait la valeur associée dans la fenêtre contextuelle du navigateur Web. Surtout, ces listes déroulantes sont utilisées sur les sites de commerce électronique. Ici, vous avez appris à obtenir la valeur sélectionnée dans les listes déroulantes à l'aide de JavaScript.