無法使用數組中的值填充下拉列表選項
[英]Unable to populate the drop down list options with values from an array
問題描述
我想填充一個下拉列表，其中包含一組值，從1,2，...... 100.目前，我正在做這個，它不起作用。
在頭部
<script type="text/javascript" src="./jquery-1.8.3.min.js"></script>
<script type="text/javascript">
var select = document.getElementById("selectAge");
var options = ["1", "2", "3", "4", "5"];
for(var i = 0; i < options.length; i++) {
var opt = options[i];
var el = document.createElement("option");
el.textContent = opt;
el.value = opt;
select.appendChild(el);
}
</script>
然后，在形式上 ，我有
<label>Age</label>
<select id="selectAge">
<option>Select your age</option>
</select>
下拉列表不會填充單個值。 我的意思是，我不明白為什么它沒有發生。 一個更正可能是將java腳本代碼放在結束</body>標記之前，因為它應該只在加載DOM之后填充。 但我甚至嘗試過，但它不起作用。
2 個解決方案
解決方案1
1 2012-12-26 19:57:51
解決方案2
1 已采納 2012-12-26 20:13:11
<html>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var selectAge = $("#selectAge"),
options = [1,2,3,4,5,6],
i;
for ( i = 0; i < options.length; i++) {
$(selectAge).append("<option value='" + options[i] + "'>" + options[i] + "</option>");
}
});
</script>
<body>
<lable>Age:</lable>
<select id="selectAge">
<option>Select your age</option>
</select>
</body>
</html>
使用數組中的值填充下拉列表框
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.