javascript - 使用 javascript 的 html5 下拉列表

Question

我必须在 html 页面中显示 250 个国家/地区的下拉列表。我可以通过下面的方法轻松做到

<select id="country" name="country">
<option value="1">Afghanistan</option>
<option value="2">Albania</option>
.....
<option value="250">Canary Islands</option>
</select>

我必须在 html 页面中使用 5 次相同的列表。那么，如何减少重复工作呢？

Answer 1

你可以使用jQuery的clone来克隆元素:http://api.jquery.com/clone/

for(var i=0; i<5; i++) {
  $("body").append($("#country").clone(false).prop("id", "country"+i));
}

这将克隆国家/地区下拉列表 5 次，更改每个列表的 ID 属性以使其唯一，然后将其附加到页面。