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 substr支持中文截取函数代码(中文是双字节)
Apr 17 Javascript
js实现缓冲运动效果的方法
Apr 10 Javascript
javascript递归回溯法解八皇后问题
Apr 22 Javascript
Javascript简写条件语句(推荐)
Jun 12 Javascript
Vue响应式添加、修改数组和对象的值
Mar 20 Javascript
JS解决IOS中拍照图片预览旋转90度BUG的问题
Sep 13 Javascript
js中apply与call简单用法详解
Nov 06 Javascript
vue.js动画中的js钩子函数的实现
Jul 06 Javascript
微信小程序开发之自定义tabBar的实现
Sep 06 Javascript
Node.js之删除文件夹(含递归删除)代码实例
Sep 09 Javascript
tracking.js实现前端人脸识别功能
Apr 16 Javascript
node.js文件的复制、创建文件夹等相关操作
Feb 05 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 最大运行时间 max_execution_time修改方法
2010/03/08 PHP
学习使用curl采集curl使用方法
2012/01/11 PHP
安装ImageMagick出现error while loading shared libraries的解决方法
2014/09/23 PHP
PHP Header失效的原因分析及解决方法
2016/11/16 PHP
PHP网站自动化配置的实现方法(必看)
2017/05/27 PHP
PHP实现在windows下配置sendmail并通过mail()函数发送邮件的方法
2017/06/20 PHP
php设计模式之原型模式分析【星际争霸游戏案例】
2020/03/23 PHP
Dom操作之兼容技巧分享
2011/09/20 Javascript
js获取元素相对窗口位置的实现代码
2014/09/28 Javascript
jquery插件orbit.js实现图片折叠轮换特效
2015/04/14 Javascript
AngularJS基础知识笔记之过滤器
2015/05/10 Javascript
JQuery中DOM实现事件移除的方法
2015/06/13 Javascript
浅谈JavaScript超时调用和间歇调用
2015/08/30 Javascript
jQuery使用contains过滤器实现精确匹配方法详解
2016/02/25 Javascript
jQuery each函数源码分析
2016/05/25 Javascript
Angular.js中$apply()和$digest()的深入理解
2016/10/13 Javascript
学习vue.js中class与style绑定
2016/12/03 Javascript
JS 在数组指定位置插入/删除数据的方法
2017/01/12 Javascript
提高Web性能的前端优化技巧总结
2017/02/27 Javascript
Javacript中自定义的map.js  的方法
2017/11/26 Javascript
Vue中使用webpack别名的方法实例详解
2018/06/19 Javascript
Python排序搜索基本算法之堆排序实例详解
2017/12/08 Python
python实现远程控制电脑
2019/05/23 Python
解决pycharm下os.system执行命令返回有中文乱码的问题
2019/07/07 Python
什么造成了Java里面的异常
2016/04/24 面试题
大学生求职中的自我评价
2013/10/01 职场文书
客服专员岗位职责范本
2013/11/29 职场文书
法律专业学生的自我评价
2014/02/07 职场文书
ktv好的活动方案
2014/08/15 职场文书
公司授权委托书范文
2014/09/21 职场文书
大学生自荐材料范文
2014/12/30 职场文书
2015年企业工作总结范文
2015/04/28 职场文书
2015年村级财务管理制度
2015/08/04 职场文书
创业计划书之面包店
2019/09/17 职场文书
Nginx反向代理多个服务器的实现方法
2021/03/31 Servers
「月刊Comic Alive」2022年5月号封面公开
2022/03/21 日漫