JS unlimited Select effect implementation code (json format). For details about js learning, refer. Demo address: http://demo.jb51.net/js/2011/js_select/index.htm
Data
The Code is as follows:
Var data = [
{Id: 1, name: "front-end development", pid: 0 },
{Id: 2, name: "CSS", pid: 1 },
{Id: 3, name: "JS", pid: 1 },
{Id: 4, name: "HTML", pid: 1 },
{Id: 5, name: "Database", 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}
];
Unlimited select demo1
The Code is as follows:
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]);
}
Unlimited select demo2
The Code is as follows:
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]);
}