2014-09-26 32 views
1

在Firefox中,當select字段的selectedIndex更改時,似乎存在一些奇怪的問題。它似乎改變懸停,而不是點擊。Firefox selectedIndex on hover上的選定更改

使用:

setInterval(function(){console.log($('select').prop('selectedIndex'));}, 1000); 

我可以看到selectedIndex變化,因爲我懸停在不同項目(項目得到一個藍色背景和白色文字,因爲我將鼠標懸停在他們)。

在Chrome中,僅在單擊選項時selectedIndex纔會更改。

我想不出一種方法來解決這個問題 - 我嘗試捕獲選項上的點擊,並根據this SO question上的select對數據屬性進行檢查,但點擊處理程序似乎只是偶爾工作。

回答

0

所以,當我嘗試此我的網頁上:

$('select[name=sel1]').change(function(){ 
     alert(this.value); 
    }); 

有了這個選擇:

<select name="sel1"> 
<option value="1">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
</select> 

比Firefox時,我選擇的選項,它只是提醒...

問候

+0

感謝這 - 似乎是我用的插件的問題。將調查爲什麼'插件'選擇正在更改懸停... – codinghands 2014-09-26 10:39:47

+0

確實只有在選擇了其他選項時纔會觸發更改事件。但問題是關於另一個選項徘徊,而沒有實際點擊它。在這種情況下,FF會更改selectedIndex。有點奇怪! FF bug? – 2017-02-10 07:48:22