更改事件的抓取屬性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); 

    }); 
}); 

它在alert中顯示的值未定義。 我是我做錯了什麼？

Answer 1

數據option標籤不select標籤this的屬性代表選擇標記

試試這個JSFIDDLE

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