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

Я пытаюсь использовать 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
});

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

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

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

тогда ты делаешь что хочешь с selectedIndex

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

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

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