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 相关文章推荐
angular.element方法汇总
Jan 07 Javascript
JS实现自动固定顶部的悬浮菜单栏效果
Sep 16 Javascript
ES6实现的遍历目录函数示例
Apr 07 Javascript
关于vue中 $emit的用法详解
Apr 12 Javascript
vue3.0 CLI - 1 - npm 安装与初始化的入门教程
Sep 14 Javascript
JS监听事件的叠加和移除功能
Nov 19 Javascript
vue(2.x,3.0)配置跨域代理
Nov 27 Javascript
浅谈VUE中演示v-for为什么要加key
Jan 16 Javascript
JS实现transform实现扇子效果
Jan 17 Javascript
javascript实现计算器功能
Mar 30 Javascript
vue中的.$mount('#app')手动挂载操作
Sep 02 Javascript
基于Vue3.0开发轻量级手机端弹框组件V3Popup的场景分析
Dec 30 Vue.js
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
php5.2.0内存管理改进
2007/01/22 PHP
基于PHP CURL获取邮箱地址的详解
2013/06/03 PHP
php fsockopen伪造post与get方法的详解
2013/06/14 PHP
PHP面向对象之工作单元(实例讲解)
2017/06/26 PHP
PHP使用微信开发模式实现搜索已发送图文及匹配关键字回复的方法
2017/09/13 PHP
Laravel实现批量更新多条数据
2020/04/06 PHP
extjs 学习笔记(一) 一些基础知识
2009/10/13 Javascript
JQuery 确定css方框模型(盒模型Box Model)
2010/01/22 Javascript
jQuery中创建实例与原型继承揭秘
2011/12/21 Javascript
jquery跨域请求示例分享(jquery发送ajax请求)
2014/03/25 Javascript
编写高效jQuery代码的4个原则和5个技巧
2014/04/24 Javascript
js实现登陆遮罩效果的方法
2015/07/28 Javascript
JS实现鼠标滑过折叠与展开菜单效果代码
2015/09/06 Javascript
浅析函数声明和函数表达式——函数声明的声明提前
2016/05/03 Javascript
微信小程序  modal弹框组件详解
2016/10/27 Javascript
javascript基本数据类型和转换
2017/03/17 Javascript
JavaScript面向对象程序设计创建对象的方法分析
2018/08/13 Javascript
Vue 实现从小到大的横向滑动效果详解
2019/10/16 Javascript
非递归的输出1-N的全排列实例(推荐)
2017/04/11 Python
Python工程师面试必备25条知识点
2018/01/17 Python
python使用pil库实现图片合成实例代码
2018/01/20 Python
python3 拼接字符串的7种方法
2018/09/12 Python
python 在指定范围内随机生成不重复的n个数实例
2019/01/28 Python
numpy.where() 用法详解
2019/05/27 Python
Python 处理文件的几种方式
2019/08/23 Python
Pycharm+django2.2+python3.6+MySQL实现简单的考试报名系统
2019/09/05 Python
html5是什么_动力节点Java学院整理
2017/07/07 HTML / CSS
班主任工作经验材料
2014/02/02 职场文书
创业者是否需要商业计划书?
2014/02/07 职场文书
文明礼貌演讲稿
2014/05/12 职场文书
2014年十八届四中全会思想汇报范文
2014/10/17 职场文书
实习协议书
2015/01/27 职场文书
公司酒会致辞
2015/07/30 职场文书
导游词之南京中山陵
2019/11/27 职场文书
试了下Golang实现try catch的方法
2021/07/01 Golang
CSS实现鼠标悬浮动画特效
2023/05/07 HTML / CSS