JSFiddle - React, Tailwind, and code Playground

by Alfie

HTML

<select id="select_test" class="form-control select2" name="searchValue[]" multiple >
    <optgroup label="Offers">
            <option>option 1</option>
        <option id="wtf">option 3</option>

        <option>option 4</option>

        <option>option 5</option>

        <option>option 6</option>

        <option>option 7</option>

        <option>option 8</option>
        <option>option 9</option>
        <option>option 10</option>
        <option>option 11</option>
        <option>option 12</option>
        <option>option 13</option>
        <option>option 14</option>

    </optgroup>
</select>
<button id="selectOption">select options</button>

JavaScript

$(function () {
    $('#selectOption').on('click', function () {
        $('#wtf').attr('selected', 'selected');
    });
});