javascript - 如何使用 jquery 选择的插件在悬停/鼠标悬停事件上获取选择的选项值？

Question

当使用所选插件悬停选项时，我试图在悬停/鼠标悬停事件上获取选项值....

fiddle :Demo Fiddle

这是js代码...

   $("#myselect").chosen();

   $('#myselect').next('.chosen-container').on('mouseenter', 'li.active-result', function(e) {
    alert($(this).text());
    alert($(this).val()); // how to get option value...?
   });

Answer 1

为此使用委托(delegate)，因为选择的插件会动态创建 .active-result 类元素。

$("#myselect").chosen();

$(document).on("hover",".active-result",function(){
 alert($(this).text());   
});

Fiddle

编辑

$(document).on("hover",".active-result",function(){
    alert($("#myselect option").eq($(this).data("option-array-index")).val());

});

Updated fiddle