Most multiple selection boxes have both a second set of 'Selected' properties. SelectedItems, SelectedValues etc. which give you all the selected items.
Edited:
I did a little search on select2 and this is what showed up. The question this was answering appeared to be very similar to the one you asked here.
Option 1:
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);
}
});
$('#individualsfront').on('open',function(){
$.each(results, function(key,value){
console.log("text:"+value.text);
});
});
Option 2:
$('#individualsfront').on('open',function(){
$(".select2-result-label").each(function()
{
console.log($(this).text());
})
});
});