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 相关文章推荐
JavaScript DOM学习第八章 表单错误提示
Feb 19 Javascript
Jquery实现带动画效果的经典二级导航菜单
Mar 22 Javascript
动态加载js和css(外部文件)
Apr 17 Javascript
『JavaScript』限制Input只能输入数字实现思路及代码
Apr 22 Javascript
javascript自定义startWith()和endWith()的两种方法
Nov 11 Javascript
javascript中字符串的定义示例代码
Dec 19 Javascript
jquery实现输入框实时输入触发事件代码
Dec 21 Javascript
Node.js实现发送邮件功能
Nov 06 Javascript
JS伪继承prototype实现方法示例
Jun 20 Javascript
javascript中正则表达式语法详解
Aug 07 Javascript
vue路由分文件拆分管理详解
Aug 13 Javascript
node.js如何根据URL返回指定的图片详解
Oct 21 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加密扩展库Mcrypt安装和实例
2013/11/10 PHP
php微信公众平台示例代码分析(二)
2016/12/06 PHP
PHP Laravel中的Trait使用方法
2019/01/20 PHP
微信公众号之主动给用户发送消息功能
2019/06/22 PHP
js 手机号码合法性验证代码集合
2012/09/29 Javascript
Javascript高级技巧分享
2014/02/25 Javascript
JavaScript返回网页中超链接数量的方法
2015/04/03 Javascript
Bootstrap开关(switch)控件学习笔记分享
2016/05/30 Javascript
vue计算属性和监听器实例解析
2018/05/10 Javascript
jquery引入外部CDN 加载失败则引入本地jq库
2018/05/23 jQuery
微信小程序云开发之数据库操作
2019/05/18 Javascript
JavaScript监听触摸事件代码实例
2019/12/30 Javascript
JavaScript实现栈结构Stack过程详解
2020/03/07 Javascript
[47:50]Secret vs VP 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
Python for Informatics 第11章之正则表达式(四)
2016/04/21 Python
Python计算字符宽度的方法
2016/06/14 Python
详解Python装饰器由浅入深
2016/12/09 Python
python实现旋转和水平翻转的方法
2018/10/25 Python
使用Python实现企业微信的自动打卡功能
2019/04/30 Python
python实现将一维列表转换为多维列表(numpy+reshape)
2019/11/29 Python
python 爬取马蜂窝景点翻页文字评论的实现
2020/01/20 Python
Django中Q查询及Q()对象 F查询及F()对象用法
2020/07/09 Python
python实现企业微信定时发送文本消息的实例代码
2020/11/25 Python
Html5自定义字体解决方法
2019/10/09 HTML / CSS
ziaja齐叶雅官方海外旗舰店:来自波兰的天然护肤品牌
2017/01/02 全球购物
Otticanet美国:最顶尖的世界名牌眼镜, 能得到打折季的价格
2019/03/10 全球购物
中科创达面试题
2016/12/28 面试题
服装销售人员求职自我评价
2013/09/26 职场文书
毕业生个人投资创业计划书
2014/01/04 职场文书
校本教研工作方案
2014/01/14 职场文书
社区包粽子活动方案
2014/01/21 职场文书
生产现场禁烟通知
2015/04/23 职场文书
小学六一儿童节活动总结
2015/05/05 职场文书
2015年妇幼卫生工作总结
2015/05/23 职场文书
教师法制教育培训学习心得体会
2016/01/14 职场文书
关于保护环境的建议书
2019/06/24 职场文书