排序Select中Option项的一个示例

锦凌丶爷们

锦凌丶爷们

2016-01-29 14:11

排序Select中Option项的一个示例,排序Select中Option项的一个示例
 
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中

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/delphi/)

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/delphi/)


 
展开更多 50%)
分享

猜你喜欢

排序Select中Option项的一个示例

Delphi
排序Select中Option项的一个示例

针对select写了一个通用的option输出函数

ASP
针对select写了一个通用的option输出函数

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

一个Select出一个表中第N条记录的Sql代码

SQLServer
一个Select出一个表中第N条记录的Sql代码

mshtml:javascript为HTML文件中的Select添加option

电脑网络
mshtml:javascript为HTML文件中的Select添加option

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

PHP实现分页的一个示例

PHP
PHP实现分页的一个示例

jquery select选中的一个小问题

Web开发
jquery select选中的一个小问题

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

《刀塔传奇》通关远征VIP英雄推荐

《刀塔传奇》通关远征VIP英雄推荐

一个实际的OLE服务器的开发

一个实际的OLE服务器的开发
下拉加载更多内容 ↓