sort drop down menu items

by jelane20

HTML

<select class='whatever'>
    <option value='e'>Hello</option>
    <option value='c'>Banana</option>
    <option value='d'>Sugar Cane</option>
    <option value='b'>Palm Oil</option>
    <option value='a'>Apple</option>
</select>

JavaScript

Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(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);
    });
    
   });