jquery - 选择选项悬停

Question

我有一个 select 元素，我想检测用户将鼠标悬停在哪个 option 上。我正在使用代码 here ShankarSangoli 已经写过，但没有用。我已经在 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

您尝试实现的功能在 Chrome 和 IE 中尚不可用。您当前提到的问题中指出了这一点。

正如@purgatory 101 所指出的，组合框的巧妙使用将允许您“ Hook ”额外的 jquery，这可能允许您 alert();悬停。

只是将源代码工作到组合框，这将是指向正确方向的指针:

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