将更多数据与选择选项相关联的正确方法是什么，而不仅仅是“值” - Whats the correct way of associating more data with a Select Option than just "value"

Whats the correct way of associating more data with a Select Option than just "value"

我需要我的附加更多数据。不仅仅是值属性。

现在我正在给option虚假的属性，并赋予它们一个价值。我多么认为这不是一个好方法。

还有别的办法吗？

例如伪代码

<forEach ...>
    <option value="1" userId="4" somespecialCode="c11" ... > 
         Description </option>
<end forEach>

编辑：我需要支持 IE7+

您可以使用 HTML5 数据属性：

<option value="1" data-userId="4" data-somespecialCode="c11" ... >

这使您的 HTML 有效(假设您在页面顶部使用<!DOCTYPE html>(。另一种选择是拥有一个包含数据的 JavaScript 对象，按选项值进行索引。

查看 HTML 5 数据属性。

http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/all-you-need-to-know-about-the-html5-data-attribute/

<forEach ...>
    <option value="1" userId="4" data-somespecialCode="c11" ... > 
         Description </option>
<end forEach>