How to get all the values in a Select2 dropdown?

ajax, jquery, jquery-select2

Solution

option 1: you can use directly the `data` object

var results = [];
$("#individualsfront").select2({
    multiple: true,
    query: function (query){
        var data = {results: []};
        $.each(yuyu, function(){
            if(query.term.length == 0 || this.text.toUpperCase().indexOf(query.term.toUpperCase()) >= 0 ){
                data.results.push({id: this.id, text: this.text });
            }
        });

        results = data.results; //<=====  
        query.callback(data);
    }
});

and use it like this for example:

$('#individualsfront').on('open',function(){
    $.each(results, function(key,value){
        console.log("text:"+value.text);
    });
});

option 2: request the feature and use (temporary) something like:

$('#individualsfront').on('open',function(){
    $(".select2-result-label").each(function()
        {
            console.log($(this).text());
        })
    });
});

http://jsfiddle.net/ouadie/qfchH/1/ option 3: you can use `.select2("data");` but it returns all elements only if there is no selected element.

var arrObj = $("#individualsfront").select2("data");
for each(yuyu in arrObj)
{
   console.log("id: "+yuyu.id+ ", value: "+yuyu.text);
}

Problem

How can we get all the elements that are in the jQuery Select2 dropdown plugin. I have applied Select2 to a input type = hidden, and then populated it using Ajax. Now at one instance I need to get all the values that are appearing in the dropdown. Here is a input field. ``` <input type="hidden" id="individualsfront" name="individualsfront" style="width:240px" value="" data-spy="scroll" required /> ``` and to this input field I have applied this ``` $("#individualsfront").select2({ multiple: true, query: function (query){ var data = {results: []}; $.each(yuyu, function(){ if(query.term.length == 0 || this.text.toUpperCase().indexOf(query.term.toUpperCase()) >= 0 ){ data.results.push({id: this.id, text: this.text }); } }); query.callback(data); } }); ``` The yuyu is a json coming from some AJAX call and populating the Select2. Now I want in some other code a way to get all the values inside the Select2.

Original source

Related problems