web-dev-qa-db-fra.com

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

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
});
jquerydomjquery-selectors
71
ISBL

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

$("#my_select").change(function() {
  var id = $(this).children(":selected").attr("id");
});
194
Nick Craver
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 ...

21
Mihai Iorga
$('#my_select option:selected').attr('id');
16
wild_nothing

Le moyen le plus simple consiste à var id = $ (this) .val (); de l'intérieur d'un événement comme sur le changement.

2
jk121960