在select选项中添加多个值

Question

我有一个像[1,2,3]这样的数组。

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

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

到目前为止这是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>');