排序Select中Option项的一个示例
时间:2009-05-11
来源:互联网
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 = oSel.options.text;
arr = oSel.options.value;
}
arr.sort(); // 开始排序
// 清空Select中全部Option
while (ln--)
{
oSel.options[ln] = null;
}
// 将排序后的数组重新添加到Select中
for (i = 0; i < arr.length; i++)
{
oSel.add (new Option(arr, arr));
}
}
下面的示例演示了一个按升序排序的select
bathroom article bath art cuteHtml cute
该函数运用了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 = oSel.options.text;
arr = oSel.options.value;
}
arr.sort(); // 开始排序
// 清空Select中全部Option
while (ln--)
{
oSel.options[ln] = null;
}
// 将排序后的数组重新添加到Select中
for (i = 0; i < arr.length; i++)
{
oSel.add (new Option(arr, arr));
}
}
下面的示例演示了一个按升序排序的select
bathroom article bath art cuteHtml cute
作者: 李江 发布时间: 2009-05-11
用户被禁言,该主题自动屏蔽!
作者: ttyyu 发布时间: 2009-06-17
很好! 很强大!~
作者: flyspring 发布时间: 2009-06-26
这个不是读取数据库吗 直接用 desc 达到正倒序吗 还是我没理解这句花“按升序排序的select
”
”
作者: ice723lee 发布时间: 2009-07-20
学习中~~~~~~~~~
作者: changjl 发布时间: 2009-07-22
看看~~~~~~~~~·
作者: jy02893849 发布时间: 2011-04-28
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28