JS無限セレクトエフェクト実装コード(json形式)_フォームエフェクト

デモのアドレス: 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}
];

無限レベル選択デモ 1

コードをコピー コードは次のとおりです。

vardemo1=Doc.Get("demo1");
var chg=function(obj){
if(obj.options.length>1){
obj .selectedIndex=0;
デモ 1.appendChild(obj);
}
}
var sel1=new Select(data,chg);
for(var i=0 ;i<_arr.length>demo1.appendChild(_arr[i]);
}

無限レベル選択デモ 2

コードをコピーします コードは次のとおりです:

var Demon2=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>demo2.appendChild(_arr[i])
}