JSFiddle - React, Tailwind, and code Playground

HTML

<form id="myformid">
<select id="myselect1" name="myselect1">
    <option value="" selected="selected">Any value</option>
    <option class="myoptionclass" value="0-5000">0-5000</option>
    <option class="myoptionclass"  value="5001-10000">5001-10000</option>
    <option class="myoptionclass"  value="10001-15000">10001-15000</option>
    <option class="myoptionclass"  value="15001-20000">15001-20000</option>
</select>


</form>

JavaScript

var mylist = $('#myformid select');
      
    $(mylist).each(function (sorter, elm) { 
      var listitems = $(this).children('option.myoptionclass').get();
       listitems.sort(function(a, b) {
          var compA = $(a).text().toUpperCase();
          var compB = $(b).text().toUpperCase();
          compA = (parseInt(compA,10) || compA)
          compB = (parseInt(compB,10) || compB)              

              
          return (compA < compB) ? -1 : (compA > compB) ? 1 : 0;
       })
         $.each(listitems, function(idx, itm) { 
               $(mylist).append(itm); 
          });
     
    });