javascript - 对选择元素选项进行排序并保留焦点

Question

我正在尝试编写脚本，对页面上的所有选择元素进行排序并保留所选元素。我已经工作并实现了下面给出的功能。此函数适用于排序，但失去了所选文本的焦点，因为渲染页面的源表明仍选择较早的所选项目，但焦点设置为最后一个项目。

       var bindSortselect= function(){
           $("select").each(function(){
               $(this).html($(this).children("option").sort(function (a, b) {
                 if (a.text.toUpperCase() == b.text.toUpperCase()) return 0;
                 if (a.text.toUpperCase() < b.text.toUpperCase()) return -1;
                 if (a.text.toUpperCase() > b.text.toUpperCase()) return 1;
               }));
          });
        };

任何想法将不胜感激？

Answer 1

您只需保留所选的选项，并在对选项进行排序后再次设置即可。检查这个fiddle .