获取更改事件Jquery的属性

Question

我已经指定了要使用jquery获取的标记属性。

<select id='duration' name='duration'>
  <option value=''>Select Duration</option>
  <option value='10' data-cost='50'>10 Min</option>
</select>

这是我的jquery代码。

$(document).ready(function(){
   $('#duration').change(function(){
       var cst=$(this).data('cost');   // not working
       var cst=$('#duration').data('cost');
       alert(cst);

   });
});

它在警报中显示未定义的值。 我做错了什么？

Answer 1

数据是option标记的属性而非select标记this代表选择标记

试试这个JSFIDDLE

$(document).ready(function(){
   $('#duration').change(function(){
       var cst=$(":selected",this).data('cost');   // not working
       alert(cst);    
   });
});