有人可以告诉我任何替代方法来存储 HTML 4 中特定标签的一些信息吗?例如,如果我有一个下拉菜单,例如
<select>
<option value="0" regionId="1">Test1</option>
<option value="1" regionId="2">Test2</option>
</select>
这里 regionId 是一个自定义属性,我可以访问该属性,但 W3C HTML 验证失败。对此有何建议?
有人可以告诉我任何替代方法来存储 HTML 4 中特定标签的一些信息吗?例如,如果我有一个下拉菜单,例如
<select>
<option value="0" regionId="1">Test1</option>
<option value="1" regionId="2">Test2</option>
</select>
这里 regionId 是一个自定义属性,我可以访问该属性,但 W3C HTML 验证失败。对此有何建议?
您可以将 javascript 与JSon一起使用。它被广泛使用,并且有许多支持多种语言的库来生成 JSON。
你可以使用像 jQuery 这样的 javascript 库。它允许您将一些数据设置为您想要的任何 dom 项目。在您的示例中,您可以使用or来使用$('select > option[value=0]').data('regionId', '1')
和检索此信息。一种纯 HTML 方法是找到可以存储信息的任何有效属性,但在大多数情况下,这是一种不好的做法,因为您滥用了该属性。在这里您可以找到每个 html 标记的所有有效属性的列表:http:
//www.htmldog.com/reference/htmltags/$('select > option[value=0]').data('regionId')
$('select > option[value=0]').regionId
为什么不使用普通的 id 属性?
<select>
<option value="0" id="region_1">Test1</option>
<option value="1" id="region_2">Test2</option>
</select>
要拥有有效的 HTML,您不能使用自己的自定义属性。但是使用 OPTION,您可以使用 id、class 或 title 来获取此类信息,而 id 最适合您的需求。
编辑:由于 id 不能只包含一个数字,我附加了“region_”,您可以在访问属性的代码中删除它。
使用 HTML 和data-*
属性。请参阅我可以只在我的 HTML 标记上添加属性吗?