Comment obtenir <option> actuellement sélectionné dans un <select> via JavaScript?

Question

Comment obtenez-vous actuellement sélectionné <option> d'un <select> élément via JavaScript?

Answer 1

Cela le fera pour vous:

var yourSelect = document.getElementById( "your-select-id" );
alert( yourSelect.options[ yourSelect.selectedIndex ].value )

Answer 2

Le .selectedIndex de l'objet select a un index; vous pouvez l'utiliser pour indexer dans le .options tableau.

Answer 3

var payeeCountry = document.getElementById( "payeeCountry" );
alert( payeeCountry.options[ yourSelect.selectedIndex ].value );

Answer 4

Utilisation de la propriété selectedOptions:

var yourSelect = document.getElementById("your-select-id");
alert(yourSelect.selectedOptions[0].value);

Il fonctionne dans tous les navigateurs sauf Internet Explorer.