如果我想将附加数据附加到元素以进行JS检索

Question

我有一个<select>我用PHP生成的产品列表。我想以某种方式将每个产品的权重存储在每个<option>元素中，以便稍后我可以使用Javascript检索它。

我想在元素中打印数据（而不是使用Javascript添加它）。这样的事情。

<option value="foo" weight="25">bar</option>

这似乎适用于IE，但不适用于Firefox等。

我希望尽可能避免在value属性中存储JSON字符串。有什么建议吗？

Answer 1

您可以使用data-属性并使用jquery.data()函数检索其值：

<option value="foo" data-weight="25">bar</option>

---
JS:

alert($('your option').data('weight')); 
==> 25

Answer 2

使用HTML5 data-*属性：

<option value="foo" data-weight="25">bar</option>