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获取web应用根目录的方法
Feb 12 Javascript
JavaScript数组函数unshift、shift、pop、push使用实例
Aug 27 Javascript
举例详解AngularJS中ngShow和ngHide的使用方法
Jun 19 Javascript
javascript实现判断鼠标的状态
Jul 10 Javascript
jQuery实现进度条效果代码
Dec 17 Javascript
JS实现微信弹出搜索框 多条件查询功能
Dec 13 Javascript
Vue实例简单方法介绍
Jan 20 Javascript
javascript常用的设计模式
Feb 09 Javascript
vue实现分页栏效果
Jun 28 Javascript
JS面向对象编程——ES6 中class的继承用法详解
Mar 03 Javascript
vue cli3适配所有端方案的实现
Apr 13 Javascript
js瀑布流布局的实现
Jun 28 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操作mysql执行数据库查询的一些常用操作汇总
2013/06/24 PHP
ThinkPHP3.1新特性之查询条件预处理简介
2014/06/19 PHP
Zend Framework动作助手Redirector用法实例详解
2016/03/05 PHP
jquery.lazyload  实现图片延迟加载jquery插件
2010/02/06 Javascript
Jquery加载时从后台读取数据绑定到dropdownList实例
2013/06/09 Javascript
JS实现QQ图片一闪一闪的效果小例子
2013/07/31 Javascript
JavaScript中的对象序列化介绍
2014/12/30 Javascript
jquery实现标签支持图文排列带上下箭头按钮的选项卡
2015/03/14 Javascript
JavaScript定时器和优化的取消定时器方法
2015/07/03 Javascript
Jquery实现纵向横向菜单
2016/01/24 Javascript
用js实现放大镜的效果的简单实例
2016/05/23 Javascript
JavaScript简介_动力节点Java学院整理
2017/06/26 Javascript
浅谈JavaScript find 方法不支持IE的问题
2017/09/28 Javascript
简述Angular 5 快速入门
2017/11/04 Javascript
angular中两种表单的区别(响应式和模板驱动表单)
2018/12/06 Javascript
一篇文章介绍redux、react-redux、redux-saga总结
2019/05/23 Javascript
Postman动态获取返回值过程详解
2020/06/30 Javascript
关于Js中new操作符的作用详解
2021/02/21 Javascript
[53:20]2018DOTA2亚洲邀请赛 4.1 小组赛 A组加赛 VG vs OG
2018/04/03 DOTA
Python的动态重新封装的教程
2015/04/11 Python
使用Python的Scrapy框架编写web爬虫的简单示例
2015/04/17 Python
Python 通过pip安装Django详细介绍
2017/04/28 Python
Tensorflow简单验证码识别应用
2017/05/25 Python
详解python里使用正则表达式的全匹配功能
2017/10/19 Python
Python内建函数之raw_input()与input()代码解析
2017/10/26 Python
Python生成任意范围任意精度的随机数方法
2018/04/09 Python
python使用PIL实现多张图片垂直合并
2019/01/15 Python
Python学习笔记之函数的参数和返回值的使用
2019/11/20 Python
在Python中使用turtle绘制多个同心圆示例
2019/11/23 Python
美国市场上最实惠的送餐服务:Dinnerly
2018/03/18 全球购物
DOUGLAS荷兰:购买香水和化妆品
2020/10/24 全球购物
应聘面试自我评价
2014/01/24 职场文书
中层干部培训方案
2014/06/16 职场文书
2019年国庆祝福语(70句)
2019/09/19 职场文书
提取视频中的音频 Python只需要三行代码!
2021/05/10 Python
win10频率超出范围怎么办?win10老显示超出工作频率范围的解决方法
2022/07/07 数码科技