排序Select中Option項的一個示例(轉(zhuǎn))

發(fā)布時間：2020-08-17 07:52:54 來源：ITPUB博客閱讀：151 作者：rainytag 欄目：編程語言

Form中的Select控件不支持對選擇項(Option）的排序，下面我將對Option中value屬性值進(jìn)行排序，并調(diào)整每個Option排序后的位置，具體代碼如下（這里假設(shè)每個Option中的value與其中的text內(nèi)容相同）：

該函數(shù)運用了Array（數(shù)組）對象的排序(sort)方法，實現(xiàn)了Select排序。

function sortMe(oSel){
var ln = oSel.options.length;
var arr = new Array(); // 這是關(guān)鍵部分

// 將select中的所有option的value值將保存在Array中
for (var i = 0; i < ln; i++)
{

// 如果需要對option中的文本排序，可以改為arr[i] = oSel.options[i].text;
arr[i] = oSel.options[i].value;

}

arr.sort(); // 開始排序

// 清空Select中全部Option

while (ln--)
{
oSel.options[ln] = null;
}

// 將排序后的數(shù)組重新添加到Select中

for (i = 0; i < arr.length; i++)
{
oSel.add (new Option(arr[i], arr[i]));
}
}

[@more@]

向AI問一下細(xì)節(jié)

猜你喜歡