JSFiddle - React, Tailwind, and code Playground

HTML

<select id="jqSort">
    <option value="2a">2a</option>
    <option value="1a">1a</option>
    <option value="3">3a</option>
    <option value="7a">7a</option>
    <option value="5a">5a</option>
    <option value="6">6a</option>
    <option value="4a">4a</option>
        <option value="4azzzz">4azzzz</option>
    <option value="4accc">4accc</option>
    <option value="7avvvv">7avvvv</option>
    <option value="4aaaaa">4aaaaa</option>
</select>

JavaScript

$("#jqSort").html($("#jqSort option").sort(function (a, b) {
    return a.text == b.text ? 0 : a.text < b.text ? -1 : 1
}))