Ist es möglich, einen Verweis auf das Array ausgewählter Werte auf einem Select2 zu erhalten?

Question

Ich habe eine select2, die Mehrfachauswahl ist.

Es gibt zwei Möglichkeiten, um eine Option auszuwählen: Typen und wählen Sie im Auswahlfeld, Es gibt ein Menü, in dem Sie klicken können, und es wird es in der select2 Auswahlbox hinzuzufügen.

Es funktioniert dieses Mal nicht richtig, aber ich kann bereits Optionen über das Menü auswählen.

Was ich wissen möchte ist, ist es mir möglich, eine Referenz der Reihe ausgewählter Werte zu haben?

Weil das, was ich im Augenblick tue, Ich habe ein Array genannt, selectedValuesArray, wo, wenn ich aus dem Menü wählen, wird die ID der Auswahl der selectedValuesArray und

$('#selectbox').val(selectedValuesArray).trigger("change"); 

drücken Kann ich also einfach einen Verweis auf das Array des ausgewählten Werts selbst haben, also werde ich dort einfach Elemente pushen und spleißen?

EDIT: Select2.val() ist ein Array. Ich möchte einen Verweis auf dieses Array wie haben, var selectionArray = Select2.val(); Und ich möchte dieses Array dynamisch manipulieren. // wie eine Auswahl hinzufügen selectionArray.push ("1"); // oder eine Auswahl entfernen selectionArray.splice (indexOf ("1"), 1);

Ist es möglich?

Answer 1

Wenn ich Ihre Frage richtig verstanden habe, sind Sie nach etwas wie folgt aus:

$("#e1").select2(); 
 

 
$("#checkbox").click(function() { 
 
    if ($("#checkbox").is(':checked')) { 
 
     $("#e1 > option").prop("selected", "selected"); 
 
     $("#e1").trigger("change"); 
 
    } else { 
 
     $("#e1 > option").removeAttr("selected"); 
 
     $("#e1").trigger("change"); 
 
    } 
 
}); 
 

 
$("#button").click(function() { 
 
    console.log($("#e1").val()); 
 
});

<script src="https://code.jquery.com/jquery-1.11.3.js"></script> 
 
<script src="http://cdnjs.cloudflare.com/ajax/libs/select2/3.2/select2.min.js"></script> 
 
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/select2/3.2/select2.css"> 
 

 
<select multiple id="e1" style="width:300px"> 
 
    <option value="AL">Alabama</option> 
 
    <option value="Am">Amalapuram</option> 
 
    <option value="An">Anakapalli</option> 
 
    <option value="Ak">Akkayapalem</option> 
 
    <option value="WY">Wyoming</option> 
 
</select> 
 

 
<input type="checkbox" id="checkbox" />Select All 
 
<input type="button" id="button" value="Check Selected" />

Original-Geige kann here finden.

Answer 2

In Ordnung, ich habe es geschafft zu erreichen, was Sie wollen. Hier ist der Code;

var selectedArray = $('#selectbox').val(); 
var selectElem = $('#selectbox').select2(); 

//delete '42' from array 
var index = selectedArray.indexOf('42'); 
data.splice(index,1); 
selectElem.val(selectedArray); 
selectElem.trigger('change'); 

//add '52' to array 
selectElem.push('52'); 
selectElem.val(selectedArray); 
selectElem.trigger('change'); 

this helps :)