JSFiddle - React, Tailwind, and code Playground

HTML

<link href="http://ivaynberg.github.com/select2/select2-3.2/select2.css" rel="stylesheet"/>
<script src="http://ivaynberg.github.com/select2/select2-3.2/select2.js"></script>    

<div class="divright">
        <select id="drp_Books_Ill_Illustrations" class="leaderMultiSelctdropdown Books_Illustrations" name="drp_Books_Ill_Illustrations" multiple="">
            <option value=" ">No illustrations</option>
            <option value="a" selected>Illustrations</option>
            <option value="b">Maps</option>
            <option value="c" selected>selectedPortraits</option>
        </select>
</div>

<div class="divright">
        <select id="drp_Books_Ill_Illustrations1" class=" Books_Illustrations" name="drp_Books_Ill_Illustrations" multiple="">
            <option value=" ">No illustrations</option>
            <option value="a">Illustrations</option>
            <option value="b">Maps</option>
            <option value="c">selectedPortraits</option>
        </select>
</div>

<button class="getValue">Get Value</button>
<button  class="setValue"> Set  value </button>

JavaScript

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



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



$(".setValue").click(function() {
   $(".Books_Illustrations").val(selectedValues);

});