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
$('#myselect option[value=10]').attr('selected', true);
alert('selected 10');
$('#myselect option:selected').attr('selected', false);
$('#myselect option[value=13]').attr('selected', true);
alert('selected 13');
$('#myselect option:selected').attr('selected', false);
$('#myselect option[value=1]').attr('selected', true);
alert('selected 1');
$('#myselect option:selected').attr('selected', false);
$('#myselect option[value=12]').attr('selected', true);
alert('selected 12');
$('#myselect option:selected').attr('selected', false);
$('#myselect option[value=4]').attr('selected', true);
alert('selected 4');
$('#myselect option:selected').attr('selected', false);
$('#myselect option[value=1]').attr('selected', true);
alert('selected 1');
$('#myselect option:selected').attr('selected', false);
$('#myselect option[value=7]').attr('selected', true);
alert('selected 7');
$('#myselect option:selected').attr('selected', false);
$('#myselect option[value=12]').attr('selected', true);
alert('selected 12');