Firefox selectedIndex选择悬停上的更改

在Firefox中,当select字段的selectedIndex发生更改时,似乎会出现一些奇怪的问题。 它似乎改变悬停,而不是点击。

使用:

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

当我将鼠标悬停在不同的项目上时,我可以看到selectedIndex变化(当我将鼠标悬停在它们上方时 ,项目变为蓝色背景和白色文本)。

在Chrome中, selectedIndex仅在单击某个选项时才会更改。

我想不出一种方法来解决这个问题 - 我试图捕获选项上的点击,并根据这个SO问题检查select上的数据属性,但点击处理程序似乎只是偶尔工作。


所以当我在我的页面上尝试这个时:

  $('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中它只会在我选择选项时发出警报...

问候

链接地址: http://www.djcxy.com/p/49649.html

上一篇: Firefox selectedIndex on select changes on hover

下一篇: jquery ui tooltip display on a select option