在select选项中添加多个值

时间:2017-01-26 18:20:57

标签: javascript jquery

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

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

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

到目前为止,这是jQuery:

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

1 个答案:

答案 0 :(得分:3)

在使用empty()方法追加空标签之前。

Array
(
    [CEN] => Array
        (
            [SCH] => Array
                (
                    [SET] => Array
                        (
                            [FUL] => CEN_SCH_SET_FUL_TEC
                        )

                )

        )

)

或生成HTML字符串,并使用html()方法替换整个内容。

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

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

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