javascript - 当前选择的选项未正确显示

Question

这是一个演示问题的 jsFiddle。看看什么时候重新排序。主要select="selected"没有选中。 http://jsfiddle.net/zuuyj/

我有一个选择框，我使用这个脚本进行排序

$(document).ready(function () {
    var options = $('select.pca31 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);
    });

这可以正常工作，直到您有一个选定的选项(编辑项目)选定的选项不显示为选定的，因为它重新排序列表。

我试过了

$("select.pca31 option").empty().append( options );

基于此

What is the most efficient way to sort an Html Select's Options by value, while preserving the currently selected item?

但我只是得到一个无限循环。我明白为什么，但我不知道如何解决它。

Answer 1

适用于 OP 的解决方案是按原样实现这篇文章的答案:

What is the most efficient way to sort an Html Select's Options by value, while preserving the currently selected item?

代码

var my_options = $(".pca31 option");

my_options.sort(function(a,b) {
    if (a.text > b.text) return 1;
    else if (a.text < b.text) return -1;
    else return 0;
})

$(".pca31").empty().append( my_options );