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 相关文章推荐
JS Range HTML文档/文字内容选中、库及应用介绍
May 12 Javascript
基于jQuery替换table中的内容并显示进度条的代码
Aug 02 Javascript
javascript对select标签的控制(option选项/select)
Jan 31 Javascript
select获取下拉框的值 下拉框默认选中方法
Feb 28 Javascript
JS获取input[file]的值并显示在页面的实现方法
Mar 09 Javascript
webstorm和.vue中es6语法报错的解决方法
May 08 Javascript
详解如何构建一个Angular6的第三方npm包
Sep 07 Javascript
详解Vue组件插槽的使用以及调用组件内的方法
Nov 13 Javascript
JavaScript实现抖音罗盘时钟
Oct 11 Javascript
JS JQuery获取data-*属性值方法解析
Sep 01 jQuery
微信小程序实现拼图小游戏
Oct 22 Javascript
vue3.0搭配.net core实现文件上传组件
Oct 29 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分页代码实例
2013/10/24 PHP
PHP常用正则表达式集锦
2014/08/17 PHP
PHP CURL使用详解
2019/03/21 PHP
php新建文件的方法实例
2019/09/26 PHP
Javascript 获取链接(url)参数的方法[正则与截取字符串]
2010/02/09 Javascript
Jquery 实现Tab效果 思路是js思路
2010/03/02 Javascript
javascript小组件 原生table排序表格脚本(兼容ie firefox opera chrome)
2012/07/25 Javascript
浅析js封装和作用域
2013/07/09 Javascript
JavaScript每天定时更换皮肤样式的方法
2015/07/01 Javascript
jqTransform美化表单
2015/10/10 Javascript
通用javascript代码判断版本号是否在版本范围之间
2015/11/29 Javascript
详解JavaScript for循环中发送AJAX请求问题
2020/06/23 Javascript
Javascript之面向对象--接口
2016/12/02 Javascript
js实现4个方向滚动的球
2017/03/06 Javascript
JS实现马赛克图片效果完整示例
2019/04/13 Javascript
layui字体图标 loading图标静止不旋转的解决方法
2019/09/23 Javascript
node.js 使用 net 模块模拟 websocket 握手进行数据传递操作示例
2020/02/11 Javascript
C#返回当前系统所有可用驱动器符号的方法
2015/04/18 Python
python安装Scrapy图文教程
2017/08/14 Python
Python 元类实例解析
2018/04/04 Python
python实现微信自动回复功能
2018/04/11 Python
python3.4实现邮件发送功能
2018/05/28 Python
在Pandas中DataFrame数据合并,连接(concat,merge,join)的实例
2019/01/29 Python
python类中super() 的使用解析
2019/12/19 Python
matplotlib绘制正余弦曲线图的实现
2021/02/22 Python
LA MER海蓝之谜美国官网:传奇面霜
2016/08/27 全球购物
德国家具在线:Fashion For Home
2017/03/11 全球购物
高级运动鞋:GREATS
2019/07/19 全球购物
美国排名第一的泳池用品直接来源:In The Swim
2019/09/23 全球购物
荣耀商城:HIHONOR
2020/11/03 全球购物
《童年的发现》教学反思
2014/02/14 职场文书
中学生学习保证书
2015/02/26 职场文书
2015年度合同管理工作总结
2015/05/22 职场文书
公司员工培训管理制度
2015/08/04 职场文书
nginx常用配置conf的示例代码详解
2022/03/21 Servers
《王国之心》迎来了发售的20周年, 野村哲发布贺图
2022/04/11 其他游戏