源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2020-05-17 04:16 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:JS 无限级 Select效果实现代码(json格式)
演示地址: [url=http://demo.jb51.net/js/2011/js_select/index.htm]http://demo.jb51.net/js/2011/js_select/index.htm[/url] 数据
[u]复制代码[/u] 代码如下:
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
[u]复制代码[/u] 代码如下:
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
[u]复制代码[/u] 代码如下:
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]); }
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部