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对下拉列表框(select)的操作实例讲解
这篇文章,主要是关于javascript和select相关的最基本方法,以供不熟悉javascript的人参考.常见的情况是,提出表单结构的人, 不仅仅需要为程序设计逻辑,创建数据结构,还需要设计表单的样式,以及熟悉javascript:某些公司可能会要求您精通photoshop:最初的时候,我们都是全才. 下面是我们例子的基础:这不是一个标准的表单. <form id="f"> <select size="1" name="s"
-
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实现常用二级省市级联下拉列表的方法.分享给大家供大家参考.具体分析如下: 这里省和市的名称都是动态填充,选择省后自动填充城市 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:/
-
JavaScript实现下拉列表框数据增加、删除、上下排序的方法
本文实例讲述了JavaScript实现下拉列表框数据增加.删除.上下排序的方法.分享给大家供大家参考.具体如下: 这里实现在一个支持多选的下拉列表框内进行数据项的添加.删除.向上.向下移动操作,我们在一些人才网站或是编程技术站经常会看到这种功能,比较实用. 运行效果截图如下: 具体代码如下: <title>下拉列表数据上下排序</title> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin function
-
一个简单的js树形菜单
我练习一下,以免不时之需. 树形菜单不过就是把普通菜单重新排列一下,看起来像树形而已. 上图京东的菜单,给他多几个嵌套,然后添加收缩伸展事件,差不多就行了. 给个例子: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html>
-
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>为下拉列表动态添加数据项<
-
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级联下拉列表实例代码(自写)
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对象 复制代码 代码如下:
随机推荐
- VM12中CentOS7以NAT的方式连接网络的方法
- 详解基于node的前端项目编译时内存溢出问题
- Linux下模拟http的get/post请求(curl or wget)详解
- JavaScript实现鼠标滑过处生成气泡的方法
- asp.net获取HTML表单File中的路径的方法
- ASP.NET MVC5验证系列之服务端验证
- Python操作RabbitMQ服务器实现消息队列的路由功能
- php smarty truncate UTF8乱码问题解决办法
- Struts1之url截取_动力节点Java学院整理
- Python使用scrapy采集数据时为每个请求随机分配user-agent的方法
- 彻底掌握ASP分页技术杂谈
- Jquery 高亮显示文本中重要的关键字
- Bootstrap Table表格一直加载(load)不了数据的快速解决方法
- 运用jquery实现table单双行不同显示并能单行选中
- 遍历文件系统目录树的深入理解
- 水牛(shuiniu.exe)手工查杀方法不用专杀工具
- Spring MVC全局异常实例详解
- SQL中一些小巧但常用的关键字小结
- linux中使用grep命令详解
- bash脚本中将密码传递给ssh/scp命令方法详解