JSFiddle - React, Tailwind, and code Playground
HTML
<select id="country_list" size="10" multiple style="min-width: 200px;"> <option value="US">United States</option> <option value="UK">United Kingdom</option> <option value="IN">India</option> </select>
JavaScript
function optionSort(a, b) {
return $(a).val() > $(b).val();
}
var opts = $('option').get();
$('select').html(opts.sort(optionSort))