單擊Firefox中的選項會立即導致選項下拉菜單關閉

Question

出於某種原因，只有在Firefox中，單擊選擇後，具有多個選項的選擇框將立即消失。

select的內容沒有被不斷重寫，並且只有一個用於更改的事件處理程序。我基本上使用Bootstrap進行造型。

有關爲什麼會發生這種情況的任何想法？

Answer 1

當我已經看到了這個問題被包裹多個相同<label>

Chrome瀏覽器中<select>控制似乎罰款處理這個問題，但Firefox試圖打開第一<select>點擊任何的後續<select>■當。

解決方法是將它們包裝在<label>中，或僅包裝標籤中的第一個選擇。

演示： http://jsfiddle.net/lsirivong/jmeGv/

Answer 2

即使壽這個問題很老了，我只是偶然發現了它，而尋找相同的症狀。

由於某些原因，Firefox在繪製到頁面上的畫布元素時關閉了選擇元素。 在我的用例，我能夠通過，而任何選擇輸入處於焦點不更新畫布來解決此：

if (jQuery('select:focus').length > 0) { 
    return; //Skip rendering while select is in focus 
} 

希望這有助於有人desperatly試圖找出爲什麼他們的下拉列表立即關閉。