當前選擇的選項顯示不正確

Question

這是一個jsFiddle演示問題。看看它什麼時候重新排序。主選擇=「選定」未被選中。 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); 
    }); 

這工作得很好，直到你有一個選擇的選項（編輯項目）不顯示所選擇的選項，選擇，因爲它重新排序名單。

在此基礎上

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

我想這

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

但我只是得到一個無限循環。我可以看到爲什麼，但我看不出如何解決它。

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); 

Answer 2

你可以試試這個爲你排序功能：

var options = [].slice.call($('select.pca31 option'),0), 
i,len; 
options.sort(function(a,b){ 
    return (a.text > b.text)? 1 : 
    (a.text < b.text)? -1 : 0; 
}); 
for(i = 0,len=options.length;i<len;i++){ 
    $("select.pca31").append(options[i]); 
}