繁体中文
设为首页
加入收藏
当前位置:网站制作首页 >> JavaScript教程 >> 排序Select中Option项的一个示例

排序Select中Option项的一个示例

2007-08-15 08:00:00  作者:  来源:互联网  浏览次数:0  文字大小:【】【】【
简介:Form中的Select控件不支持对选择项(Option)的排序,下面我将对Option中value属性值进行排序,并调整每个Option排序后的位置,具体代码如下(这里假设每个Option中的value与其中的text内容相同): 该函数运用了...

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

}

}

责任编辑:admin
相关文章