如何使用数组创建国家列表?我有总数10或更多选择国家框在页。我想创建一个类的名字。
var country_arr = new Array("Afghanistan", "Albania", "Algeria", "American Samoa" /*, ... */ );
function country() {
var x = "<option disabled>Select Country</option>";
for (var i = 0; i < country_arr.length; i++) {
var node = country_arr[i];
x += "<option value='" + country_arr[i] + "'> " + country_arr[i] + " </option>"
}
var countryElement = document.getElementsByClassName('country');
countryElement.innerHTML = x;
document.getElementsByClassName("country").innerHTML = x;
}
<div style='text-align:center;'>
<select class="country" name="country"></select>
<select class="country" name="country"></select>
<select class="country" name="country"></select>
</div>
<script>
country();
</script>
2条答案
按热度按时间cigdeys31#
下面的代码将循环遍历数组,创建一个选项,然后使用
.country
将其附加到所有选择。这个解决方案使用jquery。ee7vknir2#
您需要迭代使用
document.getElementsByClassName("country")
获得的HTMLCollection
元素: