javascript - 在选择选项中添加多个值

Question

我有一个数组，例如 [1,2,3]。

我想在选择选项菜单中显示数组的每个元素。

我目前正在使用 .append，但是当我这样做时，它会添加到选择中的现有项目中，这是我不想要的。我希望它们成为运行时选择中的唯一选项。

到目前为止，这是 jQuery:

for (var i = 0; i < data2.length; i++) {
$("#sec").append("<option>"+data2[i]+"</option>");
}

Answer 1

在使用 empty() 附加清空选择标签之前方法。

$("#sec").empty();
for (var i = 0; i < data2.length; i++) {
  $("#sec").append("<option>"+data2[i]+"</option>");
}

---

或者生成一个HTML字符串，将全部内容替换为html()方法。

var html = '';
for (var i = 0; i < data2.length; i++) {
  html += "<option>"+data2[i]+"</option>";
}
$("#sec").html(html);

---

或者更简单的方法使用Array#join方法，这有助于避免循环。

$("#sec").html('<option>' + data2.join('</option><option>') + '</option>');