How to Set Selected value in Multi-Value Select in Jquery-Select2.?

Question

hi all i am binding my dropdown with Jquery-Select2. Its working fine but now i need to Bind my Multi-Value selectBox by using Jquery-Select2.

M

Answer 1

Well actually your only need $.each to get all values, it will help you jsfiddle.net/NdQbw/5

            
                No illustrations
                Illustrations
                Maps
                selectedPortraits
            
    


        
            No illustrations
            Illustrations
            Maps
            selectedPortraits
        


Get Value
 Set  value 


        
            No illustrations
            Illustrations
            Maps
            selectedPortraits
        



        
            No illustrations
            Illustrations
            Maps
            selectedPortraits
        


Get Value
 Set  value 

The script:

 var selectedValues = new Array();
    selectedValues[0] = "a";
    selectedValues[1] = "c";

$(".getValue").click(function() {
    alert($(".leaderMultiSelctdropdown").val());
});
$(".setValue").click(function() {
   $(".Books_Illustrations").val(selectedValues);
});

$('#drp_Books_Ill_Illustrations2, #drp_Books_Ill_Illustrations3').select2();


$(".getValue1").click(function() {
    alert($(".leaderMultiSelctdropdown").val());
});

$(".setValue1").click(function() {
    //You need a id for set values
    $.each($(".Books_Illustrations"), function(){
            $(this).select2('val', selectedValues);
    });
});