javascript - 我可以在多选中的选项上绑定(bind)什么事件？

Question

假设我有一个多重选择列表，例如:

<select name="persons" id="persons" multiple size="8">
   <option id="captureMe">Test option</option>
   <option value="" disabled="disabled">─────────</option>
   <option value="FR">Franck</option>
   <option value="GE">Georges</option>
   <option value="DA">David</option>
   <option value="LU">Luc</option>
   <option value="DO">Donald</option>
   <option value="FR">FRANCOIS</option>
</select>

我可以在 $("#captureMe") 上绑定(bind)什么事件？

我尝试了一些脚本，例如

$("#captureMe").change(function() {alert("got it!");});
$("#captureMe").on("change", function() {alert("got it!");});
$("#persons").on("change", "#captureMe", function() {alert("got it!");});

但是这些都不起作用，也不适用于点击事件。

所以我的问题是，我可以将什么事件绑定(bind)到 select multiple 中的选项？

我不会从选择中触发事件，而是从选项本身触发事件

(目标可能是在更改特定选项时触发 ajax 调用)

Answer 1

您可以使用click事件代替change:

$("#captureMe").on('click', function(){
    console.log("got it!");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="persons" id="persons" multiple size="8">
   <option id="captureMe">Test option</option>
   <option value="" disabled="disabled">─────────</option>
   <option value="FR">Franck</option>
   <option value="GE">Georges</option>
   <option value="DA">David</option>
   <option value="LU">Luc</option>
   <option value="DO">Donald</option>
   <option value="FR">FRANCOIS</option>
</select>