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

时间:2011-08-30    点击:65   
演示地址: http://demo.jb51.net/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]);
}
基于jQuery+HttpHandler实现图片裁剪效果代码(适用于论坛, SNS)
基于jquery的loading 加载提示效果实现代码
jQuery1.6 类型判断实现代码
jquery 简短几句代码实现给元素动态添加及获取提示信息
用javascript作一个通用向导说明
> 返回     
地址:上海市普陀区胶州路941号长久商务中心 电话: QQ:
© Copyright 2012 上海网络 Product All Rights Reserved