linux社区爱心援助Linux认证系列教程业界动态站务新闻公司招聘网络学院网址大全LPI专题CISCO专题
设为首页
加入收藏
管理团队
JSP  
JAVA  
PERL  
 您的位置:首页 > 开发语言 > JavaScript >
栏目导栏
  php
  JSP
  ASP
  asp.net
  JAVA
  c/c++/c#
  perl
  JavaScript
  Basic
  Delphi
资料搜索
热门文章
·javascript 时间对象的格式化
·去掉字符串前后的空格
·javascript 事件监听机制
·javascript 事件调用顺序
·js刷新框架子页面的七种方法
·JavaScript:替换字符串
·IE下的JScript编程需注意的内存
·用javascript操作word文档
·Javascript中CTRL+回车提交表单
·JS 获取鼠标位置
·javascript判断Email地址是否有
·Javascript中Select的OnChange
·JS实现的滑动展开与折叠效果
·有分页功能的WEB打印
·Javascript实现窗口最大化的严
最新文章
·使用CSS改变表格边框样式
·为网页添加浮动广告
·判断表单中添加是否数字的JS与
·让浏览器状态栏动起来
·使用Javascript制作行间颜色间
·禁止用右键查看源代码
·网页侦测四法
·制作弹出公告窗口
·为网页添加特效
·网页中取消鼠标右键方法大全
·JavaScript 根据屏幕解析度显示
·如何实现浏览器上的右键菜单
·如何制作浮动广告
·让弹出窗口变得“体贴”一些
·JavaScript技巧:让网页自动穿上
Google
 
排序Select中Option项的一个示例
[ 作者:  加入时间:2008-02-22 13:37:17  来自:Linux联盟收集整理 ]
Form中的Select控件不支持对选择项(Option)的排序,下面我将对Option中value属性值进行排序,并调整每个Option排序后的位置,具体代码如下(这里假设每个Option中的value与其中的text内容相同):

  该函数运用了Array(数组)对象的排序(sort)方法,实现了Select排序。QY4Linux联盟

QY4Linux联盟
QY4Linux联盟

function sortMe(oSel){QY4Linux联盟
var ln = oSel.options.length;QY4Linux联盟
var arr = new Array(); // 这是关键部分

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

  // 如果需要对option中的文本排序,可以改为arr[i] = oSel.options[i].text;QY4Linux联盟
  arr[i] = oSel.options[i].value;

}

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

// 清空Select中全部Option

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

// 将排序后的数组重新添加到Select中

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

Linux联盟收集整理 ,转贴请标明原始链接,如有任何疑问欢迎来本站Linux论坛讨论
评论】【加入收藏夹】【 】【打印】【关闭
※ 相关链接
 ·ARM中C和汇编混合编程及示例  (2008-01-28 11:17:04)
 ·Ubuntu Linux系统编译源代码安装软件示例  (2007-12-21 12:53:00)
 ·Apache虚拟主机示例  (2007-12-14 11:49:46)
 ·示例:Oracle数据库分区压缩的物化视图MV  (2007-11-28 11:15:52)
 ·ASP日期和时间函数示例  (2007-11-16 13:04:30)
 ·Ajax简单示例之改变下拉框动态生成表格  (2007-11-12 16:45:47)
 ·每日一帖delphi示例程序  (2007-11-01 10:49:40)
 ·NetBPM工作流的一个示例:请假审批  (2007-10-26 13:10:42)
 ·Java/JSP中调用SQL Server存储过程完整示例  (2007-10-25 13:32:49)
 ·JavaBean调用示例  (2007-10-15 15:02:00)