JS 無(wú)限級(jí) Select效果實(shí)現(xiàn)代碼(json格式)
更新時(shí)間:2011年08月30日 00:59:51 作者:
JS 無(wú)限級(jí) Select效果實(shí)現(xiàn)代碼(json格式),學(xué)習(xí)js的朋友可以參考下。
演示地址: http://demo.jb51.net/js/2011/js_select/index.htm
數(shù)據(jù)
var data=[
{id:1,name:"前端開(kāi)發(fā)",pid:0},
{id:2,name:"CSS",pid:1},
{id:3,name:"JS",pid:1},
{id:4,name:"HTML",pid:1},
{id:5,name:"數(shù)據(jù)庫(kù)",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}
];
無(wú)限級(jí) 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]);
}
無(wú)限級(jí) 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]);
}
數(shù)據(jù)
復(fù)制代碼 代碼如下:
var data=[
{id:1,name:"前端開(kāi)發(fā)",pid:0},
{id:2,name:"CSS",pid:1},
{id:3,name:"JS",pid:1},
{id:4,name:"HTML",pid:1},
{id:5,name:"數(shù)據(jù)庫(kù)",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}
];
無(wú)限級(jí) select demo1
復(fù)制代碼 代碼如下:
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]);
}
無(wú)限級(jí) select demo2
復(fù)制代碼 代碼如下:
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]);
}
相關(guān)文章
鼠標(biāo)經(jīng)過(guò)的文本框textbox變色
文本框 textbox 變色2009-05-05js+css使文本框自動(dòng)適應(yīng)內(nèi)容的高度
使文本框自動(dòng)適應(yīng)內(nèi)容的高度的實(shí)現(xiàn)代碼,需要的朋友可以參考下。2010-05-05IE6下js通過(guò)css隱藏select的一個(gè)bug
想起ie6下,臭名昭著的select需要用iframe遮罩的bug,估計(jì)和上面的bug根由是一樣的2010-08-08