JS 無限級 Select效果實現(xiàn)代碼(json格式)
更新時間：2011年08月30日 00:59:51 作者：
JS 無限級 Select效果實現(xiàn)代碼(json格式)，學(xué)習(xí)js的朋友可以參考下。
演示地址: http://demo.jb51.net/js/2011/js_select/index.htm
數(shù)據(jù)
var data=[
{id:1,name:"前端開發(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ù)庫",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]);
}
數(shù)據(jù)
復(fù)制代碼 代碼如下:
var data=[
{id:1,name:"前端開發(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ù)庫",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
復(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]);
}
無限級 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)文章
但是div可以蓋iframe，而iframe可以蓋select, 所以，把一個iframe來當(dāng)作div的底，2008-08-08
幾種js操作select控件的方法，這里基本是整理的比較全了，另外腳本之家特給大家準(zhǔn)備了一些相關(guān)的文章。讓你更深入的了解javascript下select的操作。2010-06-06
JavaScript雙重輸入文字，會適時將第一個文本框的文字復(fù)制到第二個文本框中，像克隆一樣，有意思吧，還沒有搞懂這功能我們平時在哪兒能用上，先收藏一下。2010-10-10
不錯的一個限制同時選擇的復(fù)選框的最多個數(shù)2008-10-10
仿51JOB的地區(qū)選擇效果(可選擇多個地區(qū))
以下是HTML網(wǎng)頁特效代碼，點擊運行按鈕可查看效果2008-11-11
在ie6中對于<input type="file" />通過obj.value是可以獲取客戶端選擇文件的全路徑的，但是到ie7就只能獲取文件名，這對于onchange事件立即顯示圖片會有問題，可以用js方法解決2009-12-12
javascript 設(shè)置某DIV區(qū)域內(nèi)的checkbox復(fù)選框
主要用到dom的兩個函數(shù)document.getElementById(id)和document.getElementsByTagName(name),希望對寫復(fù)選框全選的蝦們有些許幫助。2009-11-11
簡單form標(biāo)準(zhǔn)化實例——語義結(jié)構(gòu)
簡單form標(biāo)準(zhǔn)化實例——語義結(jié)構(gòu)...2007-02-02
用CSS和JS設(shè)計的符合用戶體驗的表單。大家可以在自己的網(wǎng)頁里面用用，自己感覺非常不錯的一種效果。2008-10-10
檢測郵箱地址是否合法 Check Mail Address (For: IE5+、FF1.06、Opera 7+ ...
檢測郵箱地址是否合法 Check Mail Address (For: IE5+、FF1.06、Opera 7+ ...)[...2006-12-12