如何在Javascript中获取价格而不是数据价格/价值？

Question

标题是什么......我怎样才能抓住价格=＆＃34;＆＃34;。

在我的HTML下面，这是在Magento中，我试图通过定义自定义Javascript来覆盖它。这就是为什么我没有把它发布到Magento Stack Overflow。 select标签内的选项如下：

<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);
});

如果你有

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