JavaScript实现对下拉列表值进行排序的方法


Posted in Javascript onJuly 15, 2015

本文实例讲述了JavaScript实现对下拉列表值进行排序的方法。分享给大家供大家参考。具体如下:

function sortList(id) {
  var obj = document.getElementById("id");
  var values = new Array();
  for(var i = 0; i < obj.options.length; i++) {
    values.push(obj.options[i].innerHTML + "--xx--" + obj.options[i].value);
  }
  values = values.sort();
  for(var i = 0; i < values.length; i++) {
    valueArray = values[i].split('--xx--');
    obj.options[i].innerHTML = valueArray[0];
    obj.options[i].value = valueArray[1];
  }
}

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
javascript实现二分查找法实现代码
Nov 12 Javascript
JavaScript中prototype为对象添加属性的误区介绍
Oct 15 Javascript
百度移动版的url编码解码示例
Apr 29 Javascript
让IE8浏览器支持function.bind()方法
Oct 16 Javascript
Javascript无参数和有参数类继承问题解决方法
Mar 02 Javascript
JS验证IP,子网掩码,网关和MAC的方法
Jul 02 Javascript
json+jQuery实现的无限级树形菜单效果代码
Aug 27 Javascript
完美的js图片轮换效果
Feb 05 Javascript
总结js中的一些兼容性易错的问题
Dec 18 Javascript
vue组件实现弹出框点击显示隐藏效果
Oct 26 Javascript
跨域解决之JSONP和CORS的详细介绍
Nov 21 Javascript
微信小程序12行js代码自己写个滑块功能(推荐)
Jul 15 Javascript
jQuery简单实现验证邮箱格式
Jul 15 #Javascript
JavaScript截断字符串的方法
Jul 15 #Javascript
Javascript显示和隐藏ul列表的方法
Jul 15 #Javascript
jQuery实现提示密码强度的代码
Jul 15 #Javascript
浅谈javascript中return语句
Jul 15 #Javascript
jQuery实现平滑滚动页面到指定锚点链接的方法
Jul 15 #Javascript
javascript实现在线客服效果
Jul 15 #Javascript
You might like
透析PHP的配置文件php.ini
2006/10/09 PHP
php-accelerator网站加速PHP缓冲的方法
2008/07/30 PHP
PHP file_get_contents 函数超时的几种解决方法
2009/07/30 PHP
详解PHP发送邮件知识点
2018/05/06 PHP
javascript背投广告代码的完善
2008/04/08 Javascript
jquery无缝向上滚动实现代码
2013/03/29 Javascript
把input初始值不写value的具体实现方法
2013/07/04 Javascript
javascript闭包入门示例
2014/04/30 Javascript
Jquery数字上下滚动动态切换插件
2015/08/08 Javascript
jQuery点击输入框显示验证码图片
2016/05/19 Javascript
JS中用childNodes获取子元素换行会产生一个子元素
2016/12/08 Javascript
详解Javascript百度地图接口开发文档中的类和方法
2017/02/07 Javascript
详解Js里的for…in和for…of的用法
2019/03/28 Javascript
详解JavaScript中的强制类型转换
2019/04/15 Javascript
JS实现移动端在线签协议功能
2019/08/22 Javascript
BootstrapValidator验证用户名已存在(ajax)
2019/11/08 Javascript
微信小程序如何实现点击图片放大功能
2020/01/21 Javascript
nodejs如何在package.json中设置多条启动命令
2020/03/16 NodeJs
[01:31:22]DOTA2-DPC中国联赛定级赛 LBZS vs Magma BO3第二场 1月10日
2021/03/11 DOTA
python赋值操作方法分享
2013/03/23 Python
Python中使用Inotify监控文件实例
2015/02/14 Python
Python的迭代器和生成器
2015/07/29 Python
python 找出list中最大或者最小几个数的索引方法
2018/10/30 Python
django与vue的完美结合_实现前后端的分离开发之后在整合的方法
2019/08/12 Python
python django生成迁移文件的实例
2019/08/31 Python
谷歌浏览器小字体处理方案即12px以下字体
2013/12/17 HTML / CSS
Chemist Warehouse中文网:澳洲连锁大药房
2021/02/05 全球购物
毕业生简单求职信
2013/11/19 职场文书
国庆节文艺活动方案
2014/02/03 职场文书
材料员岗位职责
2014/03/13 职场文书
禁毒宣传工作方案
2014/05/23 职场文书
幼儿园教师师德师风演讲稿:我自豪我是一名幼师
2014/09/10 职场文书
假期安全教育广播稿
2014/10/04 职场文书
出纳年终工作总结2014
2014/12/05 职场文书
大一学生个人总结
2015/02/15 职场文书
2015年学生管理工作总结
2015/05/26 职场文书