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
Laisser un commentaire
Participez-vous à la discussion?N'hésitez pas à contribuer!