Jquery 获取select中已单击选项的id

但是如何获取所单击选项的id？

调整选择器以选择

选项。这将导致事件处理程序被分配给选项，而不是下拉列表

alert($(this).val());

工作示例
尝试以下方法：

$("#leftpane option").click(function () {
    alert(this.id);
});

我认为你应该使用
change
事件；每当选择新选项时，就会触发该选项：

$("#leftpane option:selected").prop('id');

在事件处理程序中，使用
this.options[this.selectedIndex]
查找所选的
元素

您可以使用以下代码获取所选元素Id

请试试这个：）


$（“#左窗格选项”）。单击（函数（）{
var clickedOptText=$（this.text（）；
警报（单击编辑文本）
});三个不同的答案。您的每个选项都有一个事件。有什么优点/缺点吗？我相信其他人只是省略了事件处理程序。是的，但这是隐含的，就像我的原始代码一样，在select标记上只有一个事件处理程序，而不是在每个选项标记上。我喜欢你的方式，因为它非常直截了当，但由于有数百个选项标记，每个标记上都有一个事件处理程序，我觉得在select标记上可能有一个事件处理程序，并获得像$（'：selected'，this）这样的id。prop（'id'）可能更好。有什么想法吗？我喜欢这个，因为它非常适合这个.options[this.selectedIndex].id，并且不需要额外的jQuery选择。然而，我会坚持点击事件，因为它是我想要的，即使更改事件给出相同的结果。
$("#leftpane option:selected").prop('id');

$("#leftpane").on('change', function () {
    var id = this.options[this.selectedIndex].id;
});

$("#leftpane").change(function(){
    $(this).find("option:selected").attr("id");
});

OR

$("#leftpane").click(function(){
    $(this).find("option:selected").attr("id");
});

this is working i have tried .......... 

` $(document).ready(function () {
      $("#leftpane option").click(function () {
        alert(this.id);
          });
    }); `