JSFiddle - React, Tailwind, and code Playground

by 3rror404

HTML

<select id="ddlOperatingCategory" ng-model="member.proMemberOperatingCategory" required>
                                <option value="2">Retail</option>
                                <option value="3">Leisure</option>
                                <option value="4">Hospitality</option>
                                <option value="5">Business Services</option>
                                <option value="6">Artists (music related)</option>
                                <option value="7">Arts, crafts, and collectables (retail)</option>
                                <option value="8">Baby (retail)</option>
                                <option value="9">Bar</option>
                                <option value="10">Beauty and fragrances (retail)</option>
                                <option value="11">Business Improvement District</option>
                                <option value="12">Boat (events)</option>
                                <option value="13">Books and magazines (retail)</option>
                                <option value="14">Business to business</option>
                                <option value="15">Clothing, accessories, and shoes (retail)</option>
                                <option value="16">Computers, accessories, and services (retail)</option>
                                <option value="17">Education</option>
                                <option value="18">Electronics and telecom (retail)</option>
                                <option value="19">Entertainment & Media (retail)</option>
                                <option value="20">Event Organiser/Promoter</option>
                                <option value="21">Financial services and products</option>
                                <option value="22">Food retail and service (retail)</option>
                                <option value="23">Gifts and flowers (retail)</option>
                                <option...

JavaScript

function sortDDL() {
  $("#ddlOperatingCategory").append($("#ddlOperatingCategory option").remove().sort(function(a, b) {
    var at = $(a).text().toLowerCase(),
      bt = $(b).text().toLowerCase();

    //console.log(at, bt);

    return (at > bt) ? 1 : ((at < bt) ? -1 : 0);
  }));
  
  $('#ddlOperatingCategory option:eq(1)').prop('selected', true);
}

sortDDL();