排序Select中Option项的一个示例

[入库:2005年8月18日] [更新:2007年3月24日]

本文简介:选择自 yjgx007 的 blog

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

 

本文关键:Javascript Array 排序
  相关方案
Google
 

本站最佳浏览方式为 分辨率 1024x768 IE 6.0(或更高版本的 IE浏览器)

go top