JSFiddle - React, Tailwind, and code Playground

HTML

<select id="ddlList">
      <option value="3">Three</option>
      <option value="1">One</option>
      <option value="1">one</option>
      <option value="1">a</option>
      <option value="1">b</option>
      <option value="1">A</option>
      <option value="1">B</option>
      <option value="0">Zero</option>
      <option value="2">Two</option>
      <option value="8">Eight</option>
    </select>

JavaScript

$(document).ready(function() {
    var options = $('#ddlList option');
     var arr = options.map(function (_, o) { return { t: $(o).text(), v: o.value }; }).get();
     arr.sort(function (o1, o2) { return o1.t.toUpperCase() > o2.t.toUpperCase() ? 1 : o1.t.toUpperCase() < o2.t.toUpperCase() ? -1 : 0; });         
     options.each(function (i, o) {
         o.value = arr[i].v;
         $(o).text(arr[i].t);
     });
    });