javascript - 如何使用排序数组填充下拉菜单

Question

我有一个数组，我想对它进行排序。然而;我有一个空的下拉菜单，我想填充。我卡住了。如何用排序后的数组填充我的下拉菜单。

enter code here
<select id="dropdownList">
<option></option>
</select>

enter code here

var array = ["vintage","frames","treats","engraved", "stickers", "jewelerybox", "flask"];

array.sort(function(val1 , val2){
  return val1.localeCompare(val2);
});

console.log(array); // ["engraved", "flask", "frames", "jewelerybox", "stickers", "treats",

Answer 1

你可以使用for循环，将它写入select的innerHTML

var array = ["vintage", "frames", "treats", "engraved", "stickers", "jewelerybox", "flask"];

array.sort(function(val1, val2) {
  return val1.localeCompare(val2);
});

var select = document.getElementById("dropdownList");

for (var i = 0; i < array.length; i++) {

  select.innerHTML += '<option>' + array[i] + '</option>';

}

<select id="dropdownList">

</select>