Question

我在<select>上使用multiple="multiple" jQuery插件$("#the_select").select2("val", "the_option_value");。我需要将值添加到所选列表（即不是所有选项，而是添加到所选选项，而不添加新选项）。

我知道我可以使用select2设置所选选项：

$("#the_select").select2("val", ["an_option_value","another_option_value"]);

或者，对于多个选择：

{{1}}

但是，有没有办法将选定的选项添加到列表中（即选择一个选项）而不删除其他选项？

Answer 1

你应该能够使用它：

$("#the_select").append($('<option>', {value:"NEWVAL", text: "New Option Text"}));

它会将新选项附加到列表的末尾。

HTH

修改

拿2 :) - 我在select2页面上尝试使用chrome dev工具。它有效（我添加了“WA”并且出现了Washington。

var selectedItems = $("#the_select").select2("val"); selectedItems.push("NEWITEMVAL"); // I used "WA" here to test. $("#the_select").select2("val", selectedItems);

或作为一个班轮：

$("#the_select").select2("val", $("#the_select").select2("val").concat("NEWITEMVAL"));

Answer 2

我就是这样做的：

      $("#the-select")
        .val($("#the-select")
          .val()
          .concat([array_of_existing_values]));
      $("#the-select")
        .trigger("change");

HTH

使用jQuery的select2将值添加到多选

2 个答案: