1

这是一个演示该问题的 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 );

基于此

按值对 Html Select 的选项进行排序的最有效方法是什么，同时保留当前选定的项目？

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

4

2 回答 2

2

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

按值对 Html Select 的选项进行排序的最有效方法是什么，同时保留当前选定的项目？

代码

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 );
于 2013-08-17T05:07:34.600 回答
0

您可以为您的排序功能尝试这个：

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]);
}
于 2013-08-17T04:48:29.833 回答