Javascript HTML选择中的排序选项

Javascript HTML选择中的排序选项,javascript,jquery,html,Javascript,Jquery,Html,有这样的情况: <select id="trollSelect"> <option value="PL">Polish Troll</option> <option value="EN">English Troll</option> <option value="JP">Japanese Troll</option> [...] //more options created dyn

有这样的情况:

<select id="trollSelect">
    <option value="PL">Polish Troll</option>
    <option value="EN">English Troll</option>
    <option value="JP">Japanese Troll</option>
    [...] //more options created dynamically
</select>

这段代码应该可以做到这一点。我已经根据它们的值对它们进行了排序,但这也可以用于根据文本进行排序

$(document).ready(function() {
    var opt = $("#trollSelect option").sort(function (a,b) { return a.value.toUpperCase().localeCompare(b.value.toUpperCase()) });
    $("#trollSelect").append(opt);
});

这里有一个相同的

代码应该可以做到这一点。我已经根据它们的值对它们进行了排序,但这也可以用于根据文本进行排序

$(document).ready(function() {
    var opt = $("#trollSelect option").sort(function (a,b) { return a.value.toUpperCase().localeCompare(b.value.toUpperCase()) });
    $("#trollSelect").append(opt);
});

这里有一个相同的

看,好吧,看起来不错,但从教学角度看我也保留了这个链接:)看,好吧,看起来不错,但从教学角度看我也保留了这个链接:)