JavaScript实现对下拉列表值进行排序的方法
本文实例讲述了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 树形导航菜单实例代码
复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&qu
-
javascript级联下拉列表实例代码(自写)
Html dom 是指在w3c规范出现之前,各个浏览器支持的一些dom操作. 1,Select对象. 属性 a,selectedIndex:用户选择的选项的下标,下标从0开始 b,length: 获取或者设置选项的个数 c,options: 返回一个数组,数组元素是Option对象 2,Options对象 属性: a,text:选项的文本内容 b,value:选项的値 c,selected: 当该选项被选上,值为true,否则为false 小知识:创建一个Option对象 复制代码 代码如下:
-
一个简单的js树形菜单
我练习一下,以免不时之需. 树形菜单不过就是把普通菜单重新排列一下,看起来像树形而已. 上图京东的菜单,给他多几个嵌套,然后添加收缩伸展事件,差不多就行了. 给个例子: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html>
-
javascript对下拉列表框(select)的操作实例讲解
这篇文章,主要是关于javascript和select相关的最基本方法,以供不熟悉javascript的人参考.常见的情况是,提出表单结构的人, 不仅仅需要为程序设计逻辑,创建数据结构,还需要设计表单的样式,以及熟悉javascript:某些公司可能会要求您精通photoshop:最初的时候,我们都是全才. 下面是我们例子的基础:这不是一个标准的表单. <form id="f"> <select size="1" name="s"
-
JavaScript实现下拉列表框数据增加、删除、上下排序的方法
本文实例讲述了JavaScript实现下拉列表框数据增加.删除.上下排序的方法.分享给大家供大家参考.具体如下: 这里实现在一个支持多选的下拉列表框内进行数据项的添加.删除.向上.向下移动操作,我们在一些人才网站或是编程技术站经常会看到这种功能,比较实用. 运行效果截图如下: 具体代码如下: <title>下拉列表数据上下排序</title> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin function
-
javascript实现在下拉列表中显示多级树形菜单的方法
本文实例讲述了javascript实现在下拉列表中显示多级树形菜单的方法.分享给大家供大家参考.具体如下: 这里演示在下拉列表框中显示分级的菜单,在很多网站都可以看到的效果,很实用,下拉列表框中的选项是利用JS控制输出,如果你有更好的办法不用JS来显示,那最好了,因为像这种菜单用JS来实现,多多少少有点麻烦. 运行效果截图如下: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
-
javascript实现树形菜单的方法
本文实例讲述了javascript实现树形菜单的方法.分享给大家供大家参考.具体如下: var ME={ ini:{i:true,d:{},d1:{},h:0,h1:0,h2:0}, html:function(da,f){ var s='<ul'+(f?' class="f"':'')+'>'; for(var i=0,l=da.length;i<l;i++){ if(typeof(da[i].pid)=='object'){ s+='<li><b
-
JavaScript实现常用二级省市级联下拉列表的方法
本文实例讲述了JavaScript实现常用二级省市级联下拉列表的方法.分享给大家供大家参考.具体分析如下: 这里省和市的名称都是动态填充,选择省后自动填充城市 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:/
-
JavaScript XML实现两级级联下拉列表
1.创建测试XML文件:select.xml 复制代码 代码如下: <?xml version="1.0" encoding="GBK"?> <select> <province id="sx"> 陕西 <city id="xa">西安</city> <city id="bj">宝鸡</city> <city id=&
-
javascript为下拉列表动态添加数据项
javascript为下拉列表添加数据项.html 复制代码 代码如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>为下拉列表动态添加数据项<
随机推荐
- 总结一些你可能不知道的ip地址
- VBS教程:运算符-Imp 运算符
- CentOS 中Nginx的安装方法
- Java中基于maven实现zxing二维码功能
- ios通过按钮点击异步加载图片
- python利用beautifulSoup实现爬虫
- .NET工厂方法模式讲解
- 谈谈PHP连接Access数据库的注意事项
- 使用PHPMYADMIN操作mysql数据库添加新用户和数据库的方法
- C++实现翻转单词顺序
- C#窗体传值实例汇总
- 实例解析jQuery插件EasyUI最常用的表单验证规则
- jquery改变disabled的boolean状态的三种方法
- JS.getTextContent(element,preformatted)使用介绍
- 活用大师和兔子 系统更快更安全
- Windows系统中C#调用WinRAR来压缩和解压缩文件的方法
- Java设计模式之代理模式与装饰模式实例详解
- 关于单片机按键问题性能提升总结
- Vue运用transition实现过渡动画
- 在python plt图表中文字大小调节的方法