select2 select code example

Example 1: select2.org events

$('#mySelect2').on('select2:select', function (e) {
    var data = e.params.data;
    console.log(data);
});

Example 2: select2 multi select

######## In your HTML:
<select class="js-example-basic-multiple" name="states[]" multiple="multiple">
  <option value="AL">Alabama</option>
    ...
  <option value="WY">Wyoming</option>
</select>

####### In your Javascript (external .js resource or <script> tag):
$(document).ready(function() {
    $('.js-example-basic-multiple').select2();
});

######### Get Selected values
$('.js-example-basic-multiple').select2('val')

######## Pre select values on page loads
 $('.js-example-basic-multiple').val(['AL', 'WY']).trigger('change');

Example 3: select2 .select2-results .select2-highlighted

<span id="menuOption1-container">
    <select id="menuOption1"> 
        <option value="1"> One </option>
        <option value="2"> Two </option>
        <option value="3"> Three </option>
        <option value="4"> Four </option>
        <option value="5"> Five </option>
    </select>
</span>

<span id="menuOption2-container">
    <select id="menuOption2"> 
        <option value="a"> Vowel a </option>
        <option value="e"> Vowel e </option>
        <option value="i"> Vowel i </option>
        <option value="o"> Vowel o </option>
        <option value="o"> Vowel u </option>
    </select>
</span>