在 jQuery 选择菜单之后捕获数据属性

Question

在应用 jQuery UI 选择菜单后，我无法捕捉数据属性。

如何获取数据？

HTML：

<select class="drpmnu">

         <option data-timings="something1">(01)</option>

         <option data-timings="something2">(02)</option>

</select>

JavaScript：

 $(".drpmnu").selectmenu({
    change: function( event, ui ){
        console.log($(this).data('timings'));
    }
});

http://jsbin.com/hicura/1/edit?html,console,output

Answer 1

this 指的是选择菜单本身，而不是其中的对象。为此，您需要使用ui.item：

$(".drpmnu").selectmenu({
    change: function( event, ui ){
        console.log($(ui.item.element).data('timings'));
    }
});