取消選擇一個選擇輸入

Question

我有一個「選擇」輸入，它被編程爲在點擊之前打開一個模式框以獲得一些信息，然後繼續。這一部分都很好。

問題是，一旦模式框啓動，選擇下拉選項全部仍然可見。我希望那個選擇輸入回到正常狀態，完全沒有點擊，選擇框。

我可以使用什麼JavaScript或jQuery代碼使選擇下拉菜單清除？

Answer 1

我認爲這是更正確的移動處理器從click到change。在這種情況下，選擇將關閉和鍵盤更改也將被處理

Answer 2

此前的jQuery 1.6

$('#mySelectBox :selected').attr('selected', ''); 

的jQuery 1.6和更高

$('#mySelectBox :selected').removeProp('selected', ''); 

Answer 3

我不確定您可以使用標準選擇標籤。也許是因爲它仍然有重點。當我需要自定義選擇標記時，我所做的是完全避免選擇標記，並使用圖形看起來像選擇按鈕的按鈕。看看this page - 看看TAX按鈕和左邊的按鈕。沒有選擇標籤，但效果很好。

Answer 4

嘗試使用這個：

$('#mySelect').focus(function(event){ 
    event.preventDefault(); 
    // code here 
}); 

如果開不工作，請嘗試使用preventDefault（）方法與click事件。 焦點將至少允許用戶使用鍵盤（選項卡等）而不是鼠標導航字段。