Answers for "select2 with select all option"

select2 find option by value

$('#Select2ID option[value="actualVal"]).text()

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');

select2

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js"></script>

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>

select2

$('.js-example-basic-single').select2({
  placeholder: 'Select an option'
});

select2 .select2-results .select2-highlighted

#menuOption1-container  .select2-results__option--highlighted {
    background-color: #50831F !important;
}

#menuOption2-container  .select2-results__option--highlighted {
   background-color: #28915F !important;
}