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

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

Есть ли простой способ получить выбранный вариант id (например, "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
});

Ответ 1

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

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

Ответ 2

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

тогда вы делаете все, что хотите, с помощью selectedIndex

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

Ответ 3

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

Ответ 4

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