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

Question

标题怎么说...我该如何获取price =“”。

在下面的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);
});