JSFiddle - React, Tailwind, and code Playground

HTML

<select id="myselect" multiple="multiple" size="2">
    <option value='1'>1</option>
    <option value='2'>2</option>
    <option value='3'>3</option>
    <option value='4'>4</option>
    <option value='5'>5</option>
    <option value='6'>6</option>
    <option value='7'>7</option>
    <option value='8'>8</option>
    <option value='9'>9</option>
    <option value='10'>10</option>
    <option value='11'>11</option>
    <option value='12'>12</option>
    <option value='13'>13</option>
</select>

JavaScript

document.getElementById('myselect').value = 12;
alert('selected 12');
document.getElementById('myselect').value = 7;
alert('selected 7');
document.getElementById('myselect').value = 1;
alert('selected 1');
document.getElementById('myselect').value = 6;
alert('selected 6');
document.getElementById('myselect').value = 1;