Comment obtenir la valeur et le texte sélectionnés dans une liste déroulante à l'aide de JavaScript ?

Obtention de la valeur sélectionnée dans une liste déroulante à l'aide de JavaScript

La sélection de valeurs dans une liste déroulante est une tâche courante dans le développement Web. JavaScript fournit une méthode simple pour récupérer la valeur sélectionnée à l'aide de la propriété value de l'attribut élément.

Considérez la liste déroulante suivante :

<form>
  <select>

Pour obtenir la valeur sélectionnée, utilisez simplement le code JavaScript suivant :

var e = document.getElementById("ddlViewBy");
var value = e.value;

Cela attribuera la valeur de l'option sélectionnée (par exemple, "2") à la variable de valeur.

En plus de la valeur, vous pouvez également récupérer le texte affiché dans la variable sélectionnée option :

var text = e.options[e.selectedIndex].text;

Cela attribuera le texte de l'option sélectionnée (par exemple, "test2") à la variable de texte.

En utilisant ces techniques, vous pouvez facilement récupérer la valeur sélectionnée et le texte d'une liste déroulante en JavaScript.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

JavaScript select using Property this

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：JavaScript a-t-il une fonction d'échappement RegExp intégrée ?Article suivant：JavaScript a-t-il une fonction d'échappement RegExp intégrée ?

Articles Liés

Voir plus

• Une analyse approfondie du composant de groupe de liste Bootstrap
• Explication détaillée du currying de la fonction JavaScript
• Exemple complet de génération de mot de passe JS et de détection de force (avec téléchargement du code source de démonstration)
• Angularjs intègre l'interface utilisateur WeChat (weui)
• Comment basculer rapidement entre le chinois traditionnel et le chinois simplifié avec JavaScript et l'astuce permettant aux sites Web de prendre en charge le basculement entre les compétences en chinois simplifié et traditionnel_javascript

Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！

À propos de nousClause de non-responsabilitéSitemap

© php.cn All rights reserved