JSFiddle - React, Tailwind, and code Playground
HTML
<select id="Locations" name='Locations[]' style='width:100%;' data-placeholder='Type or select
locations' multiple class='chosen-select-no-results'>
<option value="1">Bangalore</option>
<option value="2">Chennai</option>
<option value="3">Delhi</option>
<option value="4">Gurgaon</option>
<option value="5">Hyderabad</option>
<option value="6">Kolkata</option>
<option value="7">Mumbai / Navi Mumbai</option>
</select>
JavaScript
$("#Locations").find("option").each(function () {
if($(this).val() == 1)
{
$(this).prop('selected', true);
}
if($(this).val() == 2)
{
$(this).prop('selected', true);
}
});