欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

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

时间:2021-01-06 11:22:15|栏目:JavaScript代码|点击:
演示地址: 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]);
}

上一篇:Bootstrap布局之栅格系统详解

栏    目:JavaScript代码

下一篇:不使用JavaScript实现菜单的打开和关闭效果demo

本文标题:JS 无限级 Select效果实现代码(json格式)

本文地址:http://www.codeinn.net/misctech/41295.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有