排序选择元素选项并保留焦点

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

您只需要保留所选option并在对options排序后再次设置它。 检查这个小提琴 。