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 11 Javascript
javascript实用小函数使用介绍
Nov 11 Javascript
关于页面嵌入swf覆盖div层的问题的解决方法
Feb 11 Javascript
javascript面向对象特性代码实例
Jun 12 Javascript
javascript中for/in循环及使用技巧
Sep 01 Javascript
jquery制作图片时钟特效
Mar 30 Javascript
jQuery使用contains过滤器实现精确匹配方法详解
Feb 25 Javascript
AngularJS基础 ng-keypress 指令简单示例
Aug 02 Javascript
将input框中输入内容显示在相应的div中【三种方法可选】
May 08 Javascript
React组件内事件传参实现tab切换的示例代码
Jul 04 Javascript
JS回调函数深入理解
Oct 16 Javascript
JS面向对象编程实现的拖拽功能案例详解
Mar 03 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
中国的第一台收音机
2021/03/01 无线电
discuz的php防止sql注入函数
2011/01/17 PHP
php学习之变量的使用
2011/05/29 PHP
php采集内容中带有图片地址的远程图片并保存的方法
2015/01/03 PHP
thinkPHP5.0框架引入Traits功能实例分析
2017/03/18 PHP
Laravel框架路由设置与使用示例
2018/06/12 PHP
客户端静态页面玩分页
2006/06/26 Javascript
jQuery 各种浏览器下获得日期区别
2008/12/22 Javascript
将函数的实际参数转换成数组的方法
2010/01/25 Javascript
使用js 设置url参数
2013/07/08 Javascript
js 获取input点选按钮的值的方法
2014/04/14 Javascript
iframe里面的元素触发父窗口元素事件的jquery代码
2014/10/19 Javascript
jQuery插件Easyui设置datagrid的pageNumber导致两次请求问题的解决方法
2016/08/06 Javascript
Node.js连接postgreSQL并进行数据操作
2016/12/18 Javascript
js实现的在线调色板功能完整实例
2016/12/21 Javascript
一个Java程序猿眼中的前后端分离以及Vue.js入门(推荐)
2019/04/19 Javascript
小程序云开发实现数据库异步操作同步化
2019/05/18 Javascript
layui 中select下拉change事件失效的解决方法
2019/09/20 Javascript
python实现dnspod自动更新dns解析的方法
2014/02/14 Python
Python fileinput模块使用介绍
2014/11/30 Python
举例讲解Python中的算数运算符的用法
2015/05/13 Python
Python利用matplotlib生成图片背景及图例透明的效果
2017/04/27 Python
Python装饰器用法实例总结
2018/02/07 Python
Python装饰器(decorator)定义与用法详解
2018/02/09 Python
快速解决安装python没有scripts文件夹的问题
2018/04/03 Python
Python使用正则实现计算字符串算式
2019/12/29 Python
Python原始套接字编程实例解析
2020/01/29 Python
使用 prometheus python 库编写自定义指标的方法(完整代码)
2020/06/29 Python
美国最大的网上冲印店:Shutterfly
2017/01/01 全球购物
SK-II神仙水美国官网:SK-II美国
2020/02/25 全球购物
运动会开幕式解说词
2014/02/05 职场文书
副总经理岗位职责范本
2014/09/30 职场文书
奖学金个人总结
2015/03/04 职场文书
2015年小学体育工作总结
2015/05/22 职场文书
使用Golang的channel交叉打印两个数组的操作
2021/04/29 Golang
详解Python flask的前后端交互
2022/03/31 Python