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判断变量是否未定义的代码
Mar 28 Javascript
转义字符(\)对JavaScript中JSON.parse的影响概述
Jul 17 Javascript
javascript关于open.window子页面执行完成后刷新父页面的问题分析
Apr 27 Javascript
理解js回收机制通俗易懂版
Feb 29 Javascript
KnockoutJS 3.X API 第四章之click绑定
Oct 10 Javascript
canvas实现图像截取功能
Feb 06 Javascript
jQuery html表格排序插件tablesorter使用方法详解
Feb 10 Javascript
详解vue表单验证组件 v-verify-plugin
Apr 19 Javascript
微信小程序tabBar用法实例详解
Dec 04 Javascript
微信小程序上传文件到阿里OSS教程
May 20 Javascript
vue路由传参三种基本方式详解
Dec 09 Javascript
vue-model实现简易计算器
Aug 17 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
多人战的战术与战略
2020/03/04 星际争霸
PHP日期时间函数的高级应用技巧
2009/05/16 PHP
php判断终端是手机还是电脑访问网站的思路及代码
2013/04/24 PHP
yii2整合百度编辑器umeditor及umeditor图片上传问题的解决办法
2016/04/20 PHP
php 读取输出其他文件的实现方法
2016/07/26 PHP
实现复选框全选/全不选切换
2006/12/23 Javascript
jquery+ashx无刷新GridView数据显示插件(实现分页、排序、过滤功能)
2010/04/25 Javascript
Javascript核心读书有感之语言核心
2015/02/01 Javascript
javascript实现的字符串与十六进制表示字符串相互转换方法
2015/07/17 Javascript
深入理解JS addLoadEvent函数
2016/05/20 Javascript
获取JS中网页各种高宽与位置的方法总结
2016/07/27 Javascript
AngularJS之ionic 框架下实现 Localstorage本地存储
2017/04/22 Javascript
Javascript快速实现浏览器系统通知
2017/08/26 Javascript
vue router学习之动态路由和嵌套路由详解
2017/09/21 Javascript
vue项目如何刷新当前页面的方法
2018/05/18 Javascript
WebGL three.js学习笔记之阴影与实现物体的动画效果
2019/04/25 Javascript
vue-cli脚手架的.babelrc文件用法说明
2020/09/11 Javascript
[43:24]完美世界DOTA2联赛PWL S3 INK ICE vs DLG 第二场 12.12
2020/12/17 DOTA
Web服务器框架 Tornado简介
2014/07/16 Python
Python中的startswith和endswith函数使用实例
2014/08/25 Python
对pandas的行列名更改与数据选择详解
2018/11/12 Python
Pycharm远程连接服务器并实现代码同步上传更新功能
2020/02/25 Python
基于python实现判断字符串是否数字算法
2020/07/10 Python
HTML5实现简单图片上传所遇到的问题及解决办法
2016/01/20 HTML / CSS
德国百年厨具品牌WMF美国站:WMF美国
2016/09/12 全球购物
Pretty You London官网:英国拖鞋和睡衣品牌
2019/05/08 全球购物
电气工程及其自动化学生实习自我鉴定
2013/09/19 职场文书
少儿节目主持串词
2014/04/02 职场文书
房屋财产继承协议书范本
2014/11/03 职场文书
2014年实验室工作总结
2014/12/03 职场文书
未婚证明格式
2015/06/15 职场文书
网吧温馨提示
2015/07/17 职场文书
接收函
2019/04/22 职场文书
浅谈pytorch中stack和cat的及to_tensor的坑
2021/05/20 Python
关于使用Redisson订阅数问题
2022/01/18 Redis
python中validators库的使用方法详解
2022/09/23 Python