Javascript对选择元素的内容进行排序 [英] Javascript to sort contents of select element

问题描述

有没有一种快速的方法来对 select 元素的项目进行排序?还是我不得不求助于编写 javascript?

is there a quick way to sort the items of a select element? Or I have to resort to writing 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>

推荐答案

这可以解决问题.当您需要对列表进行排序时，只需将您的选择元素传递给 la:document.getElementById('lstALL').

This will do the trick. Just pass it your select element a la: document.getElementById('lstALL') when you need your list sorted.

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;
}

这篇关于Javascript对选择元素的内容进行排序的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！