jQuery：事件绑定

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

检查jQuery的鼠标按下事件。这link可能会有所帮助。

Answer 2

您可以选择使用变化（）：

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

见http://jsfiddle.net/xKDM6/

Answer 3

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

例子： http://jsfiddle.net/avall/YyHAD/4/