使用jQuery获取所选的选项ID

Question

我正在尝试使用jQuery根据选定的选项发出ajax请求。

是否有一种使用jQuery检索所选选项ID （例如“id2”）的简单方法？

<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 selector获取它，如下所示：

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

Answer 2

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

然后你用selectedIndex

做任何你想做的事

我已经重新编写了我的答案......因为selectedIndex不是一个很好的变量来举例......

Answer 3

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

Answer 4

最简单的方法是var id = $（this）.val（）;来自像改变这样的事件。