JSFiddle - React, Tailwind, and code Playground

by magizter

HTML

<select class='whatever'>
    <option value='1'>János</option>
    <option value='2'>Ádám</option>
    <option value='3'>Imre</option>
    <option value='4'>Béla</option>
</select>

JavaScript

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