如何用jQuery抓住<select >的第二選擇？

Question

第一次點擊展開<option>,

第二次點擊選擇其中一個。

如何捕獲第二次點擊？

Answer 1

你可以連續使用一些事件使用jQuery's one function這樣的：

$('select').one('click', firstClick); 

function firstClick(evt) { 
    //do anything you might want to do 
    $(evt.target).parent().one('click', secondClick); 
} 

function secondClick(evt) { 
    //again, do you thing 
    $(evt.target).parent().one('click', firstClick); 
} 

的one功能將執行你給一次事件處理程序，然後將其刪除。該解決方案允許您在每次點擊時切換處理程序。如果你使用這個，請小心。您還需要處理blur事件以重置第一個處理程序。

您也可以使用jQuery's live function來最小化您正在創建的事件處理程序的數量，從而節省內存。這也將避免我可以用我的第一個解決方案預見的一些問題。

$('select option').live('click', selectHandler); 

function selectHandler(evt) { 
    //insert magic here 
} 

Answer 2

如果選擇已更改，則調用onchange方法。

Answer 3

您可以隨時在組合框中的每個選項上使用onclick。它不漂亮，但它應該工作：

<select> 
    <option onclick="alert('May');">May</option> 
    <option onclick="alert('June');">June</option> 
    <option onclick="alert('July');">July</option> 
</select> 

Answer 4

皮特的回答jQuery的版本，我認爲將滿足這個問題問

$("option").click(function(){ 
    alert($(this).text()); 
}); 

編輯

由於上述不被交瀏覽器，我做了一些搜索，並在堆棧溢出中發現了一個可能有所幫助的帖子。

Fire event each time a DropDownList item is selected with jQuery