jquery - 获取选择中单击的选项的 id

Question

HTML:
<select id="leftpane" size="10">
    <option id="1" value="one">One</option>
    <option id="2" value="two">Two</option>
</select>

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

在上面的代码中，如果我单击一个项目，它将显示“leftpane”选择的 id。我想要的是被单击的选项的 id。我可以轻松获得该值:

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

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

Answer 1

调整选择器以选择选项。这将导致事件处理程序被分配给选项而不是下拉菜单。

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

工作示例 http://jsfiddle.net/hJdpV/