如果我想附加額外的數據到JS檢索元素

Question

我有一個<select>我用PHP生成的產品列表。我想以某種方式在每個<option>元素中存儲每個產品的重量，以便稍後可以使用Javascript檢索它。

我想打印元素中的數據（而不是用Javascript添加它）。像這樣的東西。

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

這似乎適用於IE，但不適用於Firefox和其他。

我想避免在值屬性中存儲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>