javascript - 将更多数据与选择选项相关联的正确方法是什么，而不仅仅是“值”

Question

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

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

还有其他方法吗？

例如伪代码

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

编辑：我需要支持 IE7+

score 4 · Accepted Answer

您可以使用 HTML5数据属性：

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

这使您的 HTML 有效（假设您在<!DOCTYPE html>页面顶部使用）。另一种选择是拥有一个带有数据的 JavaScript 对象，由选项值索引。

score 0 · Accepted Answer

查看 HTML 5 数据属性。

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

2 回答 2