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本身的局限性 别让javascript做太多事
Mar 23 Javascript
javascript中字符串拼接需注意的问题
Jul 13 Javascript
js固定DIV高度,超出部分自动添加滚动条的简单方法
Jul 10 Javascript
toggle一个div显示或隐藏且可扩展成自定义下拉框
Sep 12 Javascript
javascript实现根据3原色制作颜色选择器的方法
Jul 17 Javascript
JavaScript Math.round() 方法
Dec 18 Javascript
jQuery+正则+文本框只能输入数字的实现方法
Oct 07 Javascript
JavaScript定时器制作弹窗小广告
Feb 05 Javascript
慕课网题目之js实现抽奖系统功能
Sep 19 Javascript
JS实现的文字间歇循环滚动效果完整示例
Feb 13 Javascript
使用layui实现树形结构的方法
Sep 20 Javascript
JS中自定义事件的使用与触发操作实例分析
Nov 01 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 页面执行时间计算代码
2008/12/04 PHP
php获取本地图片文件并生成xml文件输出具体思路
2013/04/27 PHP
thinkphp 多表 事务详解
2013/06/17 PHP
ThinkPHP3.1之D方法实例详解
2014/06/20 PHP
php单一接口的实现方法
2015/06/20 PHP
Extjs4 Treegrid 使用心得分享(经验篇)
2013/07/01 Javascript
js跳转页面方法实现汇总
2014/02/11 Javascript
jQuery选择器源码解读(七):elementMatcher函数
2015/03/31 Javascript
字符串反转_JavaScript
2016/04/28 Javascript
jQuery事件绑定方法学习总结(推荐)
2016/11/21 Javascript
详解前端路由实现与react-router使用姿势
2017/08/07 Javascript
vue实现验证码按钮倒计时功能
2018/04/10 Javascript
js的对象与函数详解
2019/01/21 Javascript
webpack-url-loader 解决项目中图片打包路径问题
2019/02/15 Javascript
JS中==、===你分清楚了吗
2020/03/04 Javascript
用Python的urllib库提交WEB表单
2009/02/24 Python
Python通过递归遍历出集合中所有元素的方法
2015/02/25 Python
从头学Python之编写可执行的.py文件
2017/11/28 Python
解决python3中cv2读取中文路径的问题
2018/12/05 Python
PyCharm的设置方法和第一个Python程序的建立
2019/01/16 Python
浅谈python编译pyc工程--导包问题解决
2019/03/20 Python
Django 多表关联 存储 使用方法详解 ManyToManyField save
2019/08/09 Python
基于Python安装pyecharts所遇的问题及解决方法
2019/08/12 Python
Python绘制二维曲线的日常应用详解
2019/12/04 Python
python如何查看安装了的模块
2020/06/23 Python
pytorch下的unsqueeze和squeeze的用法说明
2021/02/06 Python
使用JS+CSS3技术:让你的名字动起来
2013/04/27 HTML / CSS
Probikekit日本:自行车套件,跑步和铁人三项装备
2017/04/03 全球购物
Lookfantastic俄罗斯:欧洲在线化妆品零售商
2019/08/06 全球购物
小学生我的梦想演讲稿
2014/08/21 职场文书
党的群众路线教育实践活动对照检查材料(四风)
2014/09/27 职场文书
举起手来观后感
2015/06/09 职场文书
元旦联欢晚会主持词
2015/07/01 职场文书
2016年“七一建党节”广播稿
2015/12/18 职场文书
react如何快速设置文件路径别名
2021/04/28 Javascript
nginx配置虚拟主机的详细步骤
2021/07/21 Servers