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图表动画插件Highcharts Examples
Apr 16 Javascript
js 剪切板的用法(clipboardData.setData)与js match函数介绍
Nov 19 Javascript
jquery mobile的触控点击事件会多次触发问题的解决方法
May 08 Javascript
深入解析jQuery中Deferred的deferred.promise()方法
May 03 Javascript
Google 地图叠加层实例讲解
Aug 06 Javascript
微信小程序 request接口的封装实例代码
Apr 26 Javascript
jquery实现下拉菜单的手风琴效果
Jul 23 jQuery
React根据宽度自适应高度的示例代码
Oct 11 Javascript
gulp安装以及打包合并的方法教程
Nov 19 Javascript
JS与SQL方式随机生成高强度密码示例
Dec 29 Javascript
JavaScript之实现一个简单的Vue示例
Jan 17 Javascript
react中的DOM操作实现
Jun 30 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 修复未正常关闭的HTML标签实现代码(支持嵌套和就近闭合)
2012/06/07 PHP
PHP生成随机密码类分享
2014/06/25 PHP
php结合curl实现多线程抓取
2015/07/09 PHP
Linux系统下使用XHProf和XHGui分析PHP运行性能
2015/12/08 PHP
PHP Socket网络操作类定义与用法示例
2017/08/30 PHP
解决laravel(5.5)访问public报错的问题
2019/10/12 PHP
laravel 框架结合关联查询 when()用法分析
2019/11/22 PHP
javascript奇异的arguments分析
2010/10/20 Javascript
javascript中xml操作实现代码
2011/11/21 Javascript
鼠标移动到图片名上,显示图片的简单实例
2013/07/14 Javascript
jquery ajax属性async(同步异步)示例
2013/11/05 Javascript
javascript轻松实现当鼠标移开时已弹出子菜单自动消失
2013/12/29 Javascript
javascript里使用php代码实例
2014/12/13 Javascript
jquery实现动静态条形统计图
2015/08/17 Javascript
AngularJs Dependency Injection(DI,依赖注入)
2016/09/02 Javascript
JavaScript使用链式方法封装jQuery中CSS()方法示例
2017/04/07 jQuery
详解angularjs的数组传参方式的简单实现
2017/07/28 Javascript
React手稿之 React-Saga的详解
2018/11/12 Javascript
小程序如何自主实现拦截器的示例代码
2019/11/04 Javascript
vue3.0实现插件封装
2020/12/14 Vue.js
[39:53]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第一场 11.19
2020/11/19 DOTA
从零学python系列之从文件读取和保存数据
2014/05/23 Python
简单了解python中的与或非运算
2019/09/18 Python
Python @property原理解析和用法实例
2020/02/11 Python
python判断正负数方式
2020/06/03 Python
使用Keras中的ImageDataGenerator进行批次读图方式
2020/06/17 Python
Django框架安装及项目创建过程解析
2020/09/14 Python
JAVA和C++的区别
2013/10/06 面试题
2014年学生会干事工作总结
2014/11/07 职场文书
教师个人事迹材料
2014/12/17 职场文书
死亡赔偿协议书
2015/01/28 职场文书
2016年小学生清明节广播稿
2015/12/17 职场文书
经销商会议开幕词
2016/03/04 职场文书
职场干货:简历中的自我评价应该这样写!
2019/05/06 职场文书
gateway网关接口请求的校验方式
2021/07/15 Java/Android
Go语言编译原理之变量捕获
2022/08/05 Golang