Obtenir l'id de l'option sélectionnée avec jQuery

Question

J'essaie d'utiliser jQuery pour faire une demande ajax basée sur une option sélectionnée.

Existe-t-il un moyen simple de récupérer l’ option sélectionnée (par exemple "id2") à l’aide de jQuery?

 <select id="my_select">
   <option value="o1" id="id1">Option1</option>
   <option value="o2" id="id2">Option2</option>
</select>


$("#my_select").change(function() {
    //do something with the id of the selected option
});
 

Answer 1

Vous pouvez l'obtenir en utilisant le sélecteur :selected , comme ceci:

 $("#my_select").change(function() {
  var id = $(this).children(":selected").attr("id");
});
 

Answer 2

 var id = $(this).find('option:selected').attr('id'); 

alors vous faites ce que vous voulez avec selectedIndex

J'ai réédité ma réponse ... puisque selectedIndex n'est pas une bonne variable pour donner l'exemple ...

Answer 3

$('#my_select option:selected').attr('id');