排序Select中Option项的一个示例
来源:互联网 发布:百度的人工智能汽车 编辑:程序博客网 时间:2024/06/08 03:59
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
- 排序Select中Option项的一个示例
- 排序Select中Option项的一个示例
- 排序Select中Option项的一个示例
- 排序Select中Option项的一个示例
- 排序Select中Option项的一个示例
- 一个text自动筛选select中option的实例
- js控制select 中option项的上下移动
- select option 清空示例
- 获取select中option的value值
- select中不可选择的option
- 去除select中重复的option
- 动态改变select中option的次序
- jquery 对select中option的操作
- js获取select中option的值
- 获取select中选中option的值
- select中option的简单控制
- SELECT中OPTION元素的显示隐藏
- select 中 option 的选中事件
- 我与Javascript 随笔(二)
- 用Javascript和DHTML构建的矢量图形库
- 用Javascript写的一个映射表类
- ActionScript动画入门
- Dictionary在权限管理中的应用
- 排序Select中Option项的一个示例
- 用Javascript写的一个映射表(MAP)类--续
- C++字符串完全指引之一 —Win32 字符编码
- 几个典型的ASP应用
- 一次"惊险"的数据恢复经历
- 浅析linux下脚本拨号上网
- 深 入 剖 析 CMOS (含源代码)
- 用汇编与c解决递归问题之比较
- 为何不能交互式登陆?