javascript - 在多个下拉列表中获取点击选项

Question

我有一个多选下拉列表，例如:

<select id="myList" multiple="multiple">  
    <option value="1">Opt #1</option>
    <option value="2" selected="selected">Opt #2</option>
    <option value="3" selected="selected">Opt #3</option>
    <option value="4">Opt #4</option>
</select>

如果我随后选择 Opt #4，我如何才能只获得 Opt #4 而不是 Opt #2 和 选项 #3？我知道我可以通过这个获得所有选定的选项:

var selectedOptions = $("#myList option:selected");

但是我只想要我点击的选项 - Opt #4。这可能吗？

编辑:请注意，当我在 change 事件中操作列表时，我无法在 click 事件中执行此操作。还添加了缺失的倍数。

Answer 1

您可以在每个选项元素的点击处理程序中获取它:

$("#myList option").click(function() {
    var clickedOption = $(this);
});

---

更新

EDIT: As I manipulate the list inside a change event, I can't do it in a click event.

在这种情况下，您需要使用 on 委托(delegate)事件。试试这个:

$("#myList").on("click", "option", function() {
    var clickedOption = $(this);
});

但是，需要注意的是，option 元素在 IE 中根本不会引发 click 事件，因此上述两种方法在该浏览器中都不起作用。