1

我正在尝试对页面上的每个选择进行排序，而不对第一个选项进行排序。我尝试更改了一些值，但最终只对其中一个进行了排序。现在可以使用，但不会忽略每个选择的第一个选项：

HTML：

<select name="numero_uno" id="numero_uno">
                    <option>Select</option>
                    <option>Mops</option>
                    <option>Brooms</option>
                    <option>X-wings</option>
                </select>

<select name="number_two" id="number_two">
                <option>Select</option>
                    <option>Cabbage</option>
                    <option>Alfalfa</option>
                    <option>Beets</option>
                </select>

Javascript：

function sortSelect(e){
    var oA,i,o;oA=[];
    for(i=0;i<e.options.length;i++){
        o=e.options[i];
        oA[i]=new Option(o.text,o.value,o.defaultSelected,o.selected);
    }
    oA.sort(function(a,b){
        var la=a.text.toLowerCase(),lb=b.text.toLowerCase();
        if(la>lb){
            return 1;
        }
        if(la<lb ){
            return-1;
        }
        return 0;
     });
     e.options.length=0;
     for(i=0;i<oA.length;i++){
        e.options[i]=oA[i];oA[i]=null;
     }
     return true;
 }
var eA=document.getElementsByTagName('select');
for(var i=0;i<eA.length;i++){
    sortSelect(eA[i]);
}

我见过一些使用 jQuery 的解决方案，但我想只用 javascript 来做这件事。

jsfiddle：http: //jsfiddle.net/cfX8E/

4

2 回答 2

1

您不能将循环更改为从第二个选项开始吗？

function sortSelect(e){
    var oA,i,o;oA=[];
    for(i=1;i<e.options.length;i++){
        o=e.options[i];
        oA[i-1]=new Option(o.text,o.value,o.defaultSelected,o.selected);
    }
    oA.sort(function(a,b){
        var la=a.text.toLowerCase(),lb=b.text.toLowerCase();
        if(la>lb){
            return 1;
        }
        if(la<lb ){
            return-1;
        }
        return 0;
     });
     e.options.length=1;
     for(i=0;i<oA.length;i++){
        e.options[i+1]=oA[i];oA[i]=null;
     }
     return true;
 }
var eA=document.getElementsByTagName('select');
for(var i=0;i<eA.length;i++){
    sortSelect(eA[i]);
}
于 2013-06-28T18:51:23.473 回答
-1

不要添加第一个选项。首先对选择列表进行排序，然后在顶部添加第一个选项。

于 2013-06-28T18:51:16.487 回答