陣列中的HTML下拉列表選項

Question

可以使用陣列或任何其他集合中的選項製作HTML下拉列表。

Answer 1

使用<select>和<option> S：

<select id="select"></select> 

您可以用JS <option>小號填充此（爲了簡單起見，這個解決方案使用jQuery）：

var arr = [1, 2, 3, 4]; 
$(arr).each(function(i, v) { 
    $("#select").append("<option value='" + i + "'>" + v + "</option>"); 
}); 

Answer 2

這裏是你將如何做到這一點的例子：

var select = document.getElementById('your-select'); 
 
var array = ['opt1', 'opt2', 'opt3']; 
 

 
for (var i = 0; i<array.length; i++){ 
 
    var opt = document.createElement('option'); 
 
    opt.value = i; 
 
    opt.innerHTML = array[i]; 
 
    select.appendChild(opt); 
 
}

<select id="your-select"></select>