JS 无限级 Select效果实现代码(json格式)


Posted in Javascript onAugust 30, 2011

演示地址: http://demo.3water.com/js/2011/js_select/index.htm
数据

var data=[ 
{id:1,name:"前端开发",pid:0}, 
{id:2,name:"CSS",pid:1}, 
{id:3,name:"JS",pid:1}, 
{id:4,name:"HTML",pid:1}, 
{id:5,name:"数据库",pid:0}, 
{id:6,name:"SQLServer",pid:5}, 
{id:7,name:"MYSql",pid:5}, 
{id:8,name:"Oracle",pid:5}, 
{id:9,name:"PLSQL",pid:8} 
];

无限级 select demo1
var demo1=Doc.Get("demo1"); 
var chg=function(obj){ 
if(obj.options.length>1){ 
obj.selectedIndex=0; 
demo1.appendChild(obj); 
} 
} 
var sel1=new Select(data,chg); 
var _arr=sel1.getDom(); 
for(var i=0;i<_arr.length;i++){ 
demo1.appendChild(_arr[i]); 
}

无限级 select demo2
var demo2=Doc.Get("demo2"); 
var chg=function(obj){ 
if(obj.options.length>1){ 
obj.selectedIndex=0; 
demo2.appendChild(obj); 
} 
} 
var sel=new Select(data,chg); 
var _arr=sel.getDom(9); 
for(var i=0;i<_arr.length;i++){ 
demo2.appendChild(_arr[i]); 
}
Javascript 相关文章推荐
js 内存释放问题
Apr 25 Javascript
javascript 获取所有id中包含某关键字的控件的实现代码
Nov 25 Javascript
window.parent与window.openner区别介绍
Apr 12 Javascript
javascript 实现 秒杀,团购 倒计时展示的记录 分享
Jul 12 Javascript
javascript元素动态创建实现方法
May 13 Javascript
jQuery soColorPacker 网页拾色器
Jun 22 Javascript
jQuery遮罩层实例讲解
May 11 jQuery
最通俗易懂的javascript变量提升详解
Aug 05 Javascript
实例分析JS与Node.js中的事件循环
Dec 12 Javascript
javascript实现导航栏分页效果
Jun 27 Javascript
基于canvasJS在PHP中制作动态图表
May 30 Javascript
基于JavaScript实现年月日三级联动
Jun 22 Javascript
javascript 原型继承介绍
Aug 30 #Javascript
dojo学习第二天 ajax异步请求之绑定列表
Aug 29 #Javascript
非常强大的 jQuery.AsyncBox 弹出对话框插件
Aug 29 #Javascript
新浪微博字数统计 textarea字数统计实现代码
Aug 28 #Javascript
Javascript面向对象编程(三) 非构造函数的继承
Aug 28 #Javascript
Javascript面向对象编程(二) 构造函数的继承
Aug 28 #Javascript
Javascript 面向对象编程(一) 封装
Aug 28 #Javascript
You might like
PHP简单实现“相关文章推荐”功能的方法
2014/07/19 PHP
Win7 64位系统下PHP连接Oracle数据库
2014/08/20 PHP
ThinkPHP防止重复提交表单的方法实例分析
2018/05/10 PHP
Prototype使用指南之string.js
2007/01/10 Javascript
jQuery学习笔记之jQuery的动画
2010/12/22 Javascript
用Mootools获得操作索引的两种方法分享
2011/12/12 Javascript
JavaScript上传文件时不用刷新页面方法总结(推荐)
2017/08/15 Javascript
原生JS实现 MUI导航栏透明渐变效果
2017/11/07 Javascript
js中如何完美的解析数据
2018/03/18 Javascript
微信小程序发送短信验证码完整实例
2019/01/07 Javascript
vue组件通信传值操作示例
2019/01/08 Javascript
JS实现移动端点击按钮复制文本内容
2019/07/28 Javascript
Centos7 安装Node.js10以上版本的方法步骤
2019/10/15 Javascript
[02:17]DOTA2亚洲邀请赛 RAVE战队出场宣传片
2015/02/07 DOTA
[57:24]LGD vs VGJ.T 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
[01:37]PWL S2开团时刻DAY1&2——这符有毒
2020/11/20 DOTA
Python3.x中自定义比较函数
2015/04/24 Python
自动化Nginx服务器的反向代理的配置方法
2015/06/28 Python
在Python的Django框架中显示对象子集的方法
2015/07/21 Python
Python提取Linux内核源代码的目录结构实现方法
2016/06/24 Python
Pandas标记删除重复记录的方法
2018/04/08 Python
python实现嵌套列表平铺的两种方法
2018/11/08 Python
拥有超过850家商店的美国在线派对商店:Party City
2018/10/21 全球购物
Brora官网:英国领先的羊绒服装品牌
2019/08/28 全球购物
信息管理专业学生自荐信格式
2013/09/22 职场文书
监理员的岗位职责
2013/11/13 职场文书
《我的伯父鲁迅先生》教学反思
2014/02/12 职场文书
父亲的菜园教学反思
2014/02/13 职场文书
优秀教师感人事迹材料
2014/05/04 职场文书
自主招生学校推荐信
2014/09/26 职场文书
六查六看剖析材料
2014/10/06 职场文书
大学生见习报告总结
2014/11/04 职场文书
小学教师岗位职责
2015/04/02 职场文书
小学生暑假安全保证书
2015/07/13 职场文书
Oracle11g r2 卸载干净重装的详细教程(亲测有效已重装过)
2021/06/04 Oracle
Python还能这么玩之只用30行代码从excel提取个人值班表
2021/06/05 Python