我的 JavaScript:
var countrygroup = [
"AFG-Afghanistan",
"ALA-Åland Islands",
"ALB-Albania",
"DZA-Algeria",
"ASM-American Samoa",
"AND-Andorra",
"AGO-Angola",
"AIA-Anguilla",
"ATA-Antarctica",
"ATG-Antigua and Barbuda",
"ARG-Argentina",
"ARM-Armenia",
"ABW-Aruba",
"AUS-Australia"
];
$(function() {
$.each( countrygroup, function( i, a ){
var sep = a.split('-');
$("#country").append('<option value="' + sep[0] + '">' + sep[1] +'</option>');
});
});
<小时/>
php:
<form action="validation.php" method="post">
<table width="250" align="center">
<tr>
<td>UserId:</td>
<td><input type="text" name="userId" required></td>
</tr>
<tr>
<td>Country Code:</td>
<td><span class="input">
<select name="country" id="country" style="width:100%; white-space:nowrap">
<option value="NIL">Country</option>
<!-- Use jquery to populate options -->
</select>
</span>
</td>
</tr>
<tr>
<td>Password:</td>
<td><input type="password" name="pwd" required></td>
</tr>
<tr align="left">
<td> </td>
<td> <input type="submit" value="Login"></td>
</tr>
</table>
</form>
<script src="js/dropdown_script.js" type="text/javascript"></script>
我想将国家/地区列表填充到我的下拉列表名称国家/地区中。然而,它显示的只是下拉列表中的“国家/地区”一词。我的代码有什么问题吗?另一次我使用相同的代码似乎可以工作,但这次不行。我错过了什么吗?
最佳答案
您需要加载 jQuery 库。最好在底部(因为加载效率的原因),就在加载 javascript 之前(不应该像有人建议的那样位于头部)。
关于javascript - 如何使用 javascript 填充下拉列表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32645609/