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/