演示地址: 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]); }

　　推荐阅读

　　JS面向对象编程浅析

在AJAX兴起以前，很多人写JS可以说都是毫无章法可言的，基本上是想到什么就写什么，就是一个接一个的函数function，遇到重复的还得copy，如果一不小心函数重名了，还真不知道从何开始查找错误，因为大家总是用面向>>>详细阅读

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

地址：http://www.17bianji.com/kaifa2/JS/24241.html

 1/2    1