欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-12-09 23:25:27
演示地址: 数据 复制代码 代码如下: var data=[ {id:1,name:"前端开发",pid:0}, {id:2,name:"css",pid:1}, {id:3,name:"js",pi...
演示地址:
数据
复制代码 代码如下:

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]);
}
相关标签: 无限级 Select