Question

我有一个大小为4的选择，问题是我可以点击任何选项，而不释放鼠标按钮，只需向上或向下移动光标，我可以选择其他选项。如何使用jQuery绑定此事件？ .change()事件完全有效。

Html代码

<select name="test" size="4">
<option value="1">value 1</option>
<option value="2">value 2</option>
<option value="3">value 3</option>
<option value="4">value 4</option>
</select>

jQuery代码

$('select[name="test"] option').each(function(){
     $(this).on("click",
       function() {
          //do
       });
});

Answer 1

您不应该处理<option>标记上的事件。如果您在change标记上处理<select>事件，则jquery事件处理程序可以正常工作。

实施例： http://jsfiddle.net/avall/YyHAD/4/

Answer 2

检查Jquery中的mousedown事件。这link可能会有所帮助。

Answer 3

您可以在选择中使用change（）：

$('select[name="test"]').change(function(){
    alert($(this).val());
});

请参阅http://jsfiddle.net/xKDM6/

jQuery：事件绑定

3 个答案: