Méthode javascript pour récupérer la valeur ainsi que le texte sélectionné dans une liste déroulante (élément select HTML)

Code HTML :

<select id="ComboPays"  >
<option value="français" >FRANCE</option>
<option value="italien" select="selected">ITALIE</option>
</select>

Code Javascript :

<script>
var selectElmt = document.getElementById("ComboPays");
var valeurselectionnee = selectElmt.options[selectElmt.selectedIndex].value;
var textselectionne = selectElmt.options[selectElmt.selectedIndex].text;
</script>

Soit une liste déroulante SELECT contenant deux items FRANCE et ITALIE, l’item ITALIE est préselectionné via l’attribut select.

Nous récupérons en javascript le texte et la valeur (value) de l’item sélectionné dans la liste déroulante grâce aux méthodes combinées options[] et selectedIndex.

la variable valeurselectionne contient « italien »

la variable textselectionne contient « ITALIE »

Voir aussi : joliSelect, un plugin JQuery Pour personnaliser le design de vos listes déroulantes

0 réponses

Laisser un commentaire

Participez-vous à la discussion?
N'hésitez pas à contribuer!

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.