Новичка для начинающих Javascript массива

Question

Newbie JS здесь, мне нужно заполнить выпадающий список из массива из 10 городов, и я просто не могу заставить код работать.

<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++) { 

} 

Answer 1

Пробуйте этот код.

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); 
}​ 

Answer 2

попробовать это

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>

Answer 3

Это будет работает для вас!

Вам просто нужно поместить этот код в цикле:

вар вариант = document.createElement ("вариант");

option.text = options [i];

option.value = options [i];

select.appendChild (опция);

<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>