将HTML标记的属性添加到库存数据以进行JS操作

Question

我建立了一个国家/地区选择下拉列表，在选择时，填充城市下拉列表。

由于我的代码，我需要在国家选择后检索相应的ISO代码和唯一的国家/地区ID，我宁愿不再查询数据库。所以我在考虑在标签中存储这些数据，如下所示：

<option rel='US' someother-attribute="1" >United States</option>

还有其他更直接的方法吗？如果不是我可以使用什么属性而不​​影响我的HTML输出。

Answer 1

HTML5 data attributes将是最佳选择

在标记中设置数据

HTML Mark-Up

<input id="foo" data-code="12376213jkh132kjh3" />

阅读客户端上的值

的JavaScript

var code = document.getElementById("foo").getAttribute("data-code");

我没有看到jQuery标签，但以防万一

的jQuery

var code = $("#foo").data("code");