jquery valeur sélectionnée dans le menu déroulant

Question

J'ai une liste déroulante. Comment puis-je obtenir l'option sélectionnée, pas la valeur mais innerHTML. Je veux CO de l'exemple. Ce alert($('#mydropdown').val()); me donne la valeur 1 mais je ne veux pas ça.

<select name='mydropdown' id='dd'> 
<option value=1 selected>CO</option> 
<option value=2>CA</option> 

<option value=3>TX</option> 

</select> 

Answer 1

$('#dd :selected').text(); 

Notez que l'utilisation #, vous choisissez par ID. L'ID de votre élément est dd, et non mydropdown.

Si vous deviez le faire avec javascript, vous voudriez que votre attribut name corresponde à l'attribut id afin de gérer les bogues IE.

<select name='dd' id='dd'> 
    ... 
</select> 

js

var select = document.getElementById('dd') 
select.options[select.selectedIndex].text; 

Answer 2

$("#dd").val(); 

C'est tout ce que vous devez faire.