Отримати вибраний ідентифікатор параметра за допомогою jQuery

80

Я намагаюся використовувати 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
});

jquery dom jquery-selectors

— ботмш
джерело

215

Ви можете отримати його за допомогою :selectedселектора , наприклад:

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

— Нік Крейвер
джерело

Як я можу застосувати ваше рішення у чистому javascript?

— Leslie Nyahwa,

23

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

тоді ви робите все, що хочете selectedIndex

Я повторно відредагував свою відповідь ... оскільки selectedIndex не є гарною змінною для прикладу ...

— Міхай Іорга
джерело

2 коментарі тут, у нього вже є елемент DOM із thisвнутрішнім обробником подій, немає необхідності виконувати пошук знову ... і, можливо, він захоче вибрати інше ім'я змінної, тут selectedIndexбуде особливо неточним :)

— Нік Кравер

так ... вибачте ... я поспішав ... і змінна selectedIndex була в наявності ... звичайно, йому не потрібно проходити знову .. я перероблю

— Mihai Iorga

Особисто я вибираю цей параметр до н.е., він не вимагав функції

— .change

20

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

— wild_nothing
джерело

5

Найпростіший шлях до цього - var id = $ (this) .val (); зсередини події, як на зміну.

— jk121960
джерело