排序Select中Option项的一个示例

时间： 2021-07-31 作者：daque

form中的select控件不扶助对采用项(option）的排序，底下我将对option中value属性值举行排序，并安排每个option排序后的场所，简直代码如次（这边假如每个option中的value与个中的text实质沟通）：

该因变量应用了array（数组）东西的排序(sort)本领，实行了select排序。

function sortme(osel){var ln = osel.options.length;var arr = new array(); // 这是要害局部

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

// 将排序后的数组从新增添到select中

for (i = 0; i < arr.length; i++){ osel.add (new option(arr[i], arr[i]));}}</script>

底下的示例演练了一个按叶序排序的select

bathroom

article

bath

art

cute

相关推荐