如何找到 select 标签的 get 属性，其中值 = 使用 jquery 的东西？

Question

如何获取价格属性的值，其中 #products.option 值 = 6。

<select id="products">
<option value="2" price="60.00">Product 1</option>
<option value="4" price="40.00">Product 2</option>
<option value="6" price="40.00">Product 2</option>
<option value="8" price="40.00">Product 2</option>
</select>

Answer 1

你可以

1) 使用 attribute equals selector 获取值等于 6 的选项：

2) 使用 .attr('price') 获取上述选项的值

var price = $('option[value=6]').attr('price');

Working Demo

Answer 2

使用attr()函数：

var price = $('#products option[value=6]').attr('price');

Answer 3

您可以 select 元素的属性和值。

alert($('#products option[value="6"]').attr('price'));

演示：http://jsfiddle.net/tusharj/rhf0q9nt/

文档：https://api.jquery.com/attribute-equals-selector/

编辑

感谢@satpal：

使用 data-* 前缀自定义属性在元素上存储任意数据。

HTML

<select id="products">
    <option value="2" data-price="60.00">Product 1</option>
    <option value="4" data-price="40.00">Product 2</option>
    <option value="6" data-price="40.00">Product 2</option>
    <option value="8" data-price="40.00">Product 2</option>
</select>

Javascript

$('#products option[value="6"]').data('price');

演示：http://jsfiddle.net/tusharj/7c7aet9w/

Answer 4

你可以通过

获得它

var price = $('#products option[value="6"]').attr('price');

如何找到 select 标签的 get 属性，其中值 = 使用 jquery 的东西？

How can I find get attribute of a select tag where value = something using jquery?

jquery

select

drop-down-menu

html-select