选择选项悬停

Question

我有一个select元素，我想检测用户悬停在哪个option。我正在使用ShankarSangoli编写的代码here，但它无效。我在Chrome中测试过。

JSFiddle

$("select").hover(function (e)
{
     var $target = $(e.target); 
     if($target.is('option')){
         alert($target.attr("id"));//Will alert id if it has id attribute
         alert($target.text());//Will alert the text of the option
         alert($target.val());//Will alert the value of the option
     }
});

Answer 1

IE和Chrome不支持将鼠标悬停在选项元素上，如limelights所指出的那样。但是，如果您已经习惯使用jQuery，可以尝试使用combobox它可以使用底层选择，但使用ul和li元素构建选项。

Answer 2

您尝试实现的功能在Chrome或IE中都无法使用。 在您目前提到的问题中已经指出了这一点。

正如@purgatory 101指出的那样，聪明地使用组合框将允许你“挂钩”额外的jquery，这可能允许你警告（）;在悬停。

只需将源码工作到组合框就可以指向正确的方向：

$('ul.ui-autocomplete ui-menu li').hover(function(){
    //do your stuff here.
});

Answer 3

实现此目的的唯一方法是使用使用HTML + JS + CSS而不是本机控件的SELECT替换。

Answer 4

选项：悬停在IE11中工作 - woot！