jQueryのselect2で複数選択に値を追加

Question

<select>のselect2 jQueryプラグインをmultiple="multiple"に使用しています。 の値を選択したリストに追加する必要があります（つまり、すべてのオプションではなく、新しいオプションを追加せずに選択したオプションに）。

私はthisで選択したオプションを設定することができます知っている：

$("#the_select").select2("val", "the_option_value"); 

あるいは、複数選択のために：

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

はしかし、私は選択したオプションを追加することができます方法はあり他のものを削除することなくリスト（すなわち、選択されたオプションを作る）？

Answer 1

あなたはこれを使用することができるはずです。

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

それはリストの最後に新しいオプションアイテムを追加します。

HTH

編集

は2 :)を取る - 私はオーバーSELECT2ページにクロームのdevのツールでこれを試してみました。それは（私が "WA" を追加作品とWashingtonが登場

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

または1つのライナーとして：。

$("#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