排序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(); // 这是关键部分

创新互联公司主营蕲春网站建设的网络公司,主营网站建设方案,app软件定制开发,蕲春h5微信平台小程序开发搭建,蕲春网站营销推广欢迎蕲春等地区企业咨询

// 将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]));
}
}

[@more@]
新闻名称:排序Select中Option项的一个示例(转)-创新互联
文章URL:http://bzwzjz.com/article/cohgji.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站建设推广 营销型网站建设 重庆网站制作 成都网站制作 成都企业网站建设公司 教育网站设计方案 宜宾网站设计 网站制作公司 高端网站设计 泸州网站建设 成都企业网站建设 网站建设 成都商城网站制作 成都定制网站建设 成都网站制作 网站建设公司 网站设计制作 成都网站设计 公司网站建设 成都响应式网站建设 成都网站制作 成都做网站建设公司