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

  演示地址: http://demo.glzy8.com/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]);

  }