JS 无限级 Select效果实现代码(json格式)
程序员文章站
2023-11-17 13:50:46
演示地址: 数据 复制代码 代码如下: 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]);
}
数据
复制代码 代码如下:
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]);
}
推荐阅读
-
JS 无限级 Select效果实现代码(json格式)
-
PHP json格式和js json格式 js跨域调用实现代码
-
PHP json格式和js json格式 js跨域调用实现代码
-
PHP json格式和js json格式 js跨域调用实现代码
-
PHP json格式和js json格式 js跨域调用实现代码_php技巧
-
php+js实现省市[select下拉列表]二级关联菜单效果
-
js实现无限级树形导航列表效果代码_javascript技巧
-
js实现Form栏显示全格式时间时钟效果代码_javascript技巧
-
js实现下拉框效果(select)的示例代码详解
-
js实现Select列表内容自动滚动效果代码_javascript技巧