Javascriptでデータ価格/値の代わりに価格を取得するにはどうすればよいですか？

Question

タイトルが言っていること...どうすれば値段を得ることができますか？

私の下のHTMLでは、これはMagentoにありますが、これはカスタムJavascriptを定義してオーバーライドしようとしています。だから私はそれをMagento Stack Overflowに投稿しなかったのです。選択タグ内のオプションは次のとおりです。

<option id="sample" value="46" price="2">50 x 46cm +$2.00</option> 

どのようにして価格を取得できますか？

$('select').on('change', function() { 
    var a = $(this).data(price); 
    alert(a); 
}); 

Answer 1

あなたは、選択した子

$('select').on('change', function() { 
     var a = $(this).find(':selected').attr('price'); 
     alert(a); 
}); 

から属性が<select>がmultipleとして設定されていないことを前提とする必要があります。また、HTML5 data-属性を使用することがより一般的ではないが

Answer 2

$('select').on('change', function() { 
    var selected = $("select option:selected ").attr('price'); 
    console.log(selected); 
}); 

OR =「2」属性ではないとして、あなたが価格を使用して

$('.sample_list').on('change', function() { 
    var selected = $(".sample_list option:selected ").attr('price'); 
    console.log(selected); 
});