JSFiddle - React, Tailwind, and code Playground

by Santosh Thakur

HTML

<div id="target">
    <select size="4" data-role="none">
        <option val="a">aaa</option>
        <option val="c">ccc</option>
        <option val="d">ddd</option>
        <option val="b">bbb</option>
    </select>
</div>

CSS

select {
    border:1px solid green;
    width:200px;
}

JavaScript

var options = {} ;

$('#target option').each(function (i) {
  
    var option = $(this);
    options[option.text()] = option;
});

var keys = Object.keys(options).sort();
var select = $('#target select').empty();

$.each(keys, function (i, key) {
    select.append(options[key]);
});