Получить идентификатор выбранной опции с помощью jQuery

Question

Я пытаюсь использовать jQuery для выполнения ajax-запроса на основе выбранной опции.

Есть ли простой способ получить выбранный идентификатор опции (например, "id2") с помощью 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

Вы можете получить его с помощью селектора :selected , например:

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

Answer 2

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

тогда вы делаете что хотите с selectedIndex

Я пересмотрел свой ответ ... так как selectedIndex не является хорошей переменной для примера ...

Answer 3

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

Answer 4

Самый простой способ сделать это - var id = $ (this) .val (); изнутри события, как при изменении.