Javascript对选择元素的内容进行排序

Question

有没有一种快速的方法来对选择元素的项目进行排序？还是我不得不写JavaScript？请任何想法。<select size="4" name="lstALL" multiple="multiple" id="lstALL" tabindex="12" style="font-size:XX-Small;height:95%;width:100%;"><option value="0"> XXX</option><option value="1203">ABC</option><option value="1013">MMM</option></select>

Answer 1

这将达到目的。只需将您的select元素传递给la：document.getElementById('lstALL')当您需要对列表进行排序时。

function sortSelect(selElem) {

    var tmpAry = new Array();

    for (var i=0;i<selElem.options.length;i++) {

        tmpAry[i] = new Array();

        tmpAry[i][0] = selElem.options[i].text;

        tmpAry[i][1] = selElem.options[i].value;

    }

    tmpAry.sort();

    while (selElem.options.length > 0) {

        selElem.options[0] = null;

    }

    for (var i=0;i<tmpAry.length;i++) {

        var op = new Option(tmpAry[i][0], tmpAry[i][1]);

        selElem.options[i] = op;

    }

    return;

}

Answer 2

从W3C常见问题解答：

尽管许多编程语言都具有诸如下拉框之类的设备，这些设备具有在将项目列表显示为其功能的一部分之前对其进行排序的功能，但是HTML <select>功能却没有这种功能。它按收到的顺序列出<options>。

对于静态HTML文档，您必须手动对它们进行排序，对于动态文档，则必须使用Javascript或某种其他编程方式进行排序。