javascript实现的树型下拉框改进版
原理是先顺序加载根节点,在加载每个根节点后,再遍历每个数组,看有没有以这个根节点为父节点的数组,如果有,就加载到下拉框,然后再递归看有没有以这个节点为父结点的数组,如果有,再加载到下拉框,以此类推...
代码如下:
javascript树型菜单 author:sclsch@188.com
var data =new Array();
data[0]= {id:'0',pid:'1',text:'河北'};
data[1]= {id:'1',pid:'-1',text:'中国'};
data[2]= {id:'2',pid:'6',text:'莫斯科'};
data[3]= {id:'3',pid:'0',text:'邯郸'};
data[4]= {id:'4',pid:'0',text:'石家庄'};
data[5]= {id:'5',pid:'3',text:'邯郸县'};
data[6]= {id:'6',pid:'-1',text:'俄罗斯'};
data[7]= {id:'7',pid:'5',text:'孙程亮 sclsch@188.com'};
function TreeSelector(item,data,rootId){
this._data = data;
this._item = item;
this._rootId = rootId;
}
TreeSelector.prototype.createTree = function(){
var len =this._data.length;
for( var i= 0;i
var ts = new TreeSelector(document.getElementById("myselect"),data,-1);
ts.createTree();
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关推荐
-
JavaScript实现单击下拉框选择直接跳转页面的方法
本文实例讲述了JavaScript实现单击下拉框选择直接跳转页面的方法.分享给大家供大家参考.具体实现方法如下: <script type="text/JavaScript"> <!-- function MM_jumpMenu(targ,selObj,restore){ //v3.0 eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
-
javascript下拉框选项单击事件的例子分享
我本人是从事前端开发的技术人员,下拉框是我们应用的比较多的页面元素,今天我结合实际工作中遇到的问题说一下关于下拉框注册事件的一些例子,希望对大家有所帮助. 复制代码 代码如下: <select name="" id="sel"> <option value="111">1</option> <option value="222">2</option> <opti
-
javascript下拉框不被选中大类的区别方法
runcode a1 a2 a3 b1 b2 b3 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
-
Javascript select下拉框操作常用方法
复制代码 代码如下: function AddDropDownList(id,fatherCtl) { if(!document.getElementById(id)) { var ddl = document.createElement('select'); ddl.setAttribute("id",id); if(fatherCtl&&document.getElementById(fatherCtl)) document.getElementById(fathe
-
javascript实现的一个带下拉框功能的文本框
有时我们需要一个可选的下拉框来选取内容,但是但是又有可以自定义输入的需求.对于这种需求,大部分网站使用的都是一个下拉框和一个 input text ,并列或分行给出选择.那么,我们希望它看上去像一个可以输入也可以选择的下拉框,那该如何做呢? 其实我们可以通过 css position 定位及少许的 javascript 代码,模拟出来这种效果. 复制代码 代码如下: <!DOCTYPE html><html><head> <title>可编辑可选择的下拉框&
-
javascript使用定时函数实现跳转到某个页面
有时我们跳转到一个页面处理完任务,然后又回到原来的页面,这个在很多的下载网站可以看到,这样做也是为了留住用户. 这个用javascript的定时函数很容易实现. window.setTimeout( code,time) // code 执行的代码 time 设置的时间 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml
-
JavaScript实现页面5秒后自动跳转的方法
这个JavaScript控制页面5秒后自动跳转的代码在很多开发中经常需要用到,感兴趣的朋友可以收藏一下! <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> <title>JavaScript控制页面5秒后自动跳转的代码</title> <script type="text/j
-
JavaScript常用的返回,自动跳转,刷新,关闭语句汇总
本文实例讲述了JavaScript常用的返回,自动跳转,刷新,关闭语句.分享给大家供大家参考.具体如下: 1. Javascript 返回上一页: 复制代码 代码如下: history.go(-1) 返回两个页面: 复制代码 代码如下: history.go(-2) 2. 后退: 复制代码 代码如下: history.back() 3. 返回下一页: 复制代码 代码如下: window.history.forward() 4. 返回第几页,也可以使用访问过的URL: 复制代码 代码如下: win
-
javascript基于DOM实现省市级联下拉框的方法
本文实例讲述了javascript基于DOM实现省市级联下拉框的方法.分享给大家供大家参考.具体实现方法如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>省市级联下拉框</title
-
javascript 下拉框显示当前日期
需要增加的地方: 复制代码 代码如下: <option value="2010">2010</option> <option value="2011">2011</option> <option value="2012">2012</option> <option value="2013">2013</option> 测试代码: 复
随机推荐
- 详解angularjs 关于ui-router分层使用
- Android正则表达式
- PowerShell中文件对象的属性方法总结
- MySQL基本操作语句小结
- SpringMVC实现前端后台交互传递数据
- 求个简单正则
- ren 命令在使用通配符时需要注意的地方
- laravel5.4生成验证码的实例讲解
- JavaScript 封装Ajax传递的数据代码
- 将Python代码嵌入C++程序进行编写的实例
- Python 中 list 的各项操作技巧
- 用js实现的抽象CSS圆角效果!!
- shell查找符号链接及其指向目标的方法介绍
- java中Collections.sort排序函数用法详解
- PHP Streams(流)详细介绍及使用
- Java开发之普通web项目转为Maven项目的方法
- Android 2018最新手机号验证正则表达式方法
- C# Oracle批量插入数据进度条的实现代码
- Docker上传镜像至私有仓库的方法示例
- 使用TensorFlow实现SVM