JSFiddle - React, Tailwind, and code Playground

by Bhaumik Mehta

HTML

<select id="myselect">
    <option value="5">Bhaumik</option>
    <option value="13">Bat</option>
    <option value="1">Apple</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);
        
        var compA = a.textContent.toUpperCase();
    		var compB = b.textContent.toUpperCase();
    		return (compA < compB) ? -1 : (compA > compB) ? 1 : 0;
        
        //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();