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 相关文章推荐
datePicker——日期选择控件(with jquery)
Feb 20 Javascript
简洁短小的 JavaScript IE 浏览器判定代码
Mar 21 Javascript
js弹出层之1:JQuery.Boxy (二)
Oct 06 Javascript
JS实现的4种数字千位符格式化方法分享
Mar 02 Javascript
setTimeout内不支持jquery的选择器的解决方案
Apr 28 Javascript
深入浅析AngularJS中的module(模块)
Jan 04 Javascript
浅谈js在html中的加载执行顺序,多个jquery ready执行顺序
Nov 26 Javascript
JavaScript数据结构之二叉树的计数算法示例
Apr 13 Javascript
封装运动框架实战左右与上下滑动的焦点轮播图(实例)
Oct 17 Javascript
vue中的模态对话框组件实现过程
May 01 Javascript
详解如何理解vue的key属性
Apr 14 Javascript
Vue 实现分页与输入框关键字筛选功能
Jan 02 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
phpmyadmin 3.4 空密码登录的实现方法
2010/05/29 PHP
一个PHP缓存类代码(附详细说明)
2011/06/09 PHP
JSON用法之将PHP数组转JS数组,JS如何接收PHP数组
2015/10/08 PHP
yii2高级应用之自定义组件实现全局使用图片上传功能的方法
2016/10/08 PHP
PHP面向对象程序设计之构造方法和析构方法详解
2019/06/13 PHP
PHP执行普通shell命令流程解析
2020/08/24 PHP
Js切换功能的简单方法
2010/11/23 Javascript
jquery重新播放css动画所遇问题解决
2013/08/21 Javascript
推荐4个原生javascript常用的函数
2015/01/12 Javascript
ajax读取数据后使用jqchart显示图表的方法
2015/06/10 Javascript
AngularJS指令中的绑定策略实例分析
2016/12/14 Javascript
浅谈Angular4中常用管道
2017/09/27 Javascript
angular2/ionic2 实现搜索结果中的搜索关键字高亮的示例
2018/08/17 Javascript
详解使用Nuxt.js快速搭建服务端渲染(SSR)应用
2019/03/13 Javascript
vue中keep-alive组件的入门使用教程
2019/06/06 Javascript
Vue 解决多级动态面包屑导航的问题
2019/11/04 Javascript
js实现消灭星星(web简易版)
2020/03/24 Javascript
python文件写入实例分析
2015/04/08 Python
详解Python中find()方法的使用
2015/05/18 Python
Python实现简单查找最长子串功能示例
2019/02/26 Python
python list多级排序知识点总结
2019/10/23 Python
在python中创建指定大小的多维数组方式
2019/11/28 Python
python实现井字棋小游戏
2020/03/04 Python
浅谈Python的方法解析顺序(MRO)
2020/03/05 Python
jupyter notebook中新建cell的方法与快捷键操作
2020/04/22 Python
如何打包Python Web项目实现免安装一键启动的方法
2020/05/21 Python
python批量处理多DNS多域名的nslookup解析实现
2020/06/28 Python
python爬虫智能翻页批量下载文件的实例详解
2021/02/02 Python
美国知名的时尚购物网站:Anthropologie
2016/12/22 全球购物
群众路线党课主持词
2014/04/01 职场文书
家长学校培训材料
2014/08/20 职场文书
入党积极分子对十八届四中全会期盼的思想汇报
2014/10/17 职场文书
优秀班集体事迹材料
2014/12/25 职场文书
写给领导的感谢信
2015/01/22 职场文书
化验员岗位职责
2015/02/14 职场文书
mysql中如何用命令创建联合唯一索引
2022/04/20 MySQL