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

时间:2013-10-11 13:46:47

标签: javascript php html jsp html4

我需要我附加更多数据。不只是value属性。

现在我正在给予option假属性并给它们一个值。我认为这不是一个很好的方法。

还有其他办法吗?

例如伪代码

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

编辑: 我需要支持IE7 +

2 个答案:

答案 0 :(得分:4)

您可以使用HTML5 data attributes

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

这使您的HTML有效(假设您在页面顶部使用<!DOCTYPE html>)。另一种选择是使用带有数据的JavaScript对象,按选项值索引。

答案 1 :(得分:0)

查看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>