JSFiddle - React, Tailwind, and code Playground
HTML
<select id="myselect">
<option value="5">bbb</option>
<option value="13">aaa</option>
<option value="1">ccc</option>
</select>
JavaScript
function sortOptions() {
var options = document.getElementById('myselect').options;
var optionsArray = [];
for (var i = 0; i < options.length; i++) {
optionsArray.push(options[i]);
}
optionsArray = optionsArray.sort(function (a, b) {
console.log(a.innerHTML + ', ' + b.innerHTML);
return a.innerHTML.charCodeAt(0) - b.innerHTML.charCodeAt(0);
});
for (var i = 0; i <= options.length; i++) {
console.log(optionsArray[i]);
options[i] = optionsArray[i];
}
options[0].selected = true;
}
sortOptions();