Question

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

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/

Answer 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]);
}

Answer 2

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

排序页面上的每个选择时忽略第一个选项

2 个答案: