初学者Javascript阵列下拉列表
问题描述:
新手JS在这里,我需要从10个城市的数组中填充下拉列表,我只是无法获得任何代码工作。初学者Javascript阵列下拉列表
<select id="selectCity">
<option>Choose a City</option>
</select>
var select = document.getElementById('selectCity');
var options = ["Winthrop","Revere","Malden","East Boston","Medford","Somerville","South Boston","Quincy","Malden","Weymouth"];
//what code will work in this loop below???
for(var i = 0; i < options.length; i++) {
}
答
试试看看这个代码。
var select = document.getElementById('selectCity');
var options = ["Winthrop","Revere","Malden","East Boston","Medford","Somerville","South Boston","Quincy","Malden","Weymouth"];
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);
}
答
试试这个
var select = document.getElementById('selectCity');
var options = ["Winthrop", "Revere", "Malden", "East Boston", "Medford", "Somerville", "South Boston", "Quincy", "Malden", "Weymouth"];
//what code will work in this loop below???
var s = document.getElementById("selectCity");
for (var i = 0; i < options.length; i++) {
s.innerHTML += `<option value=${i}> ${options[i]}</option>`;
}
<select id="selectCity">
<option>Choose a City</option>
</select>
答
它会为你的作品!
你只需把这个代码在循环:
VAR选项=使用document.createElement( “选项”);
option.text = options [i];
option.value = options [i];
select.appendChild(option);
<select id="selectCity">
<option>Choose a City</option>
</select>
<script type="text/javascript">
var select = document.getElementById('selectCity');
var options = ["Winthrop","Revere","Malden","East Boston","Medford","Somerville","South Boston","Quincy","Malden","Weymouth"];
for(var i = 0; i < options.length; i++) {
var option = document.createElement("option");
option.text = options[i];
option.value = options[i];
select.appendChild(option);
}
</script>
http://*.com/questions/8674618/adding-options-to-select-with-javascript – sinisake