Javascript 生成無限下拉列表實(shí)現(xiàn)代碼
更新時間:2009年03月26日 21:16:34 作者:
js生成無線下拉列表的實(shí)現(xiàn)代碼。
復(fù)制代碼 代碼如下:
//公司二維數(shù)組數(shù)據(jù)源
Office = [
["Dept", "ParentDept"],
["業(yè)務(wù)部", "0"],
["技術(shù)部", "0"],
["市場部", "0"],
["www.yongfa365.com", "業(yè)務(wù)部"],
["業(yè)務(wù)部小楊", "業(yè)務(wù)部"],
["業(yè)務(wù)部小菜", "業(yè)務(wù)部"],
["技術(shù)部老柳", "技術(shù)部"],
["技術(shù)部老楊", "技術(shù)部"],
["技術(shù)部老菜", "技術(shù)部"],
["市場部柳先生", "市場部"],
["市場部楊先生", "市場部"],
["市場部菜鳥", "市場部"]
]
//省市三維數(shù)組數(shù)據(jù)源
City3 = [
["Dept", "ParentId", "Id"],
["北京", "0", "010"],
["山西", "0", "0359"],
["朝陽區(qū)", "010", "001"],
["海淀區(qū)", "010", "002"],
["豆各莊", "001", "101"],
["十里堡", "001", "102"],
["中關(guān)村", "002", "201"],
["上地", "002", "202"],
["運(yùn)城地區(qū)", "0359", "301"],
["太原市", "0359", "302"],
["永濟(jì)市", "301", "311"],
["小區(qū)", "302", "312"]
];
//FillSelectTree("nowhaha", City3, "0", "311", -1)
//Select控件ID,數(shù)據(jù)源,父級值,選中值,第幾級(用來產(chǎn)生分隔符)
function FillSelectTree(SelectId, ArrObj, ParentValue, SelectedValue, NowI) {
StrObj = eval(document.getElementById(SelectId));
NowI++;
//判斷它是二級數(shù)據(jù)源,還是三級
if (ArrObj[0].length == 2)
{ ArrNum = 0; }
else
{ ArrNum = 2; }
//生成所有Option
for (var i = 0; i < ArrObj.length; i++) {
if (ArrObj[i][1] == ParentValue) {
StrObj.options[StrObj.length] = new Option(String(" ", NowI) + ArrObj[i][0], ArrObj[i][ArrNum]);
//選中默認(rèn)值
if (ArrObj[i][ArrNum] == SelectedValue) {
StrObj.options[StrObj.length - 1].selected = true;
}
//遍歷
FillSelectTree(SelectId, ArrObj, ArrObj[i][ArrNum], SelectedValue, NowI);
}
}
}
//復(fù)制字符串多少次
function String(str, nowi) {
strtemp = "";
for (var i = 0; i < nowi; i++) {
strtemp += str;
}
return strtemp;
}
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
您可能感興趣的文章:
- JavaScript實(shí)現(xiàn)對下拉列表值進(jìn)行排序的方法
- javaScript年份下拉列表框內(nèi)容為當(dāng)前年份及前后50年
- javascript為下拉列表動態(tài)添加數(shù)據(jù)項(xiàng)
- javascript級聯(lián)下拉列表實(shí)例代碼(自寫)
- javascript 操作select下拉列表框的一點(diǎn)小經(jīng)驗(yàn)
- javascript 獲取select下拉列表值的代碼
- JavaScript XML實(shí)現(xiàn)兩級級聯(lián)下拉列表
- javascript實(shí)現(xiàn)通過拼音首字母快速選擇下拉列表
- Javascript調(diào)用XML制作連動下拉列表框
- JavaScript實(shí)現(xiàn)下拉列表框數(shù)據(jù)增加、刪除、上下排序的方法
相關(guān)文章
jQuery多項(xiàng)選項(xiàng)卡的實(shí)現(xiàn)思路附樣式及代碼
這篇文章主要介紹了jQuery多項(xiàng)選項(xiàng)卡的實(shí)現(xiàn)思路,需要的朋友可以參考下2014-06-06
Echarts動態(tài)加載多條折線圖的實(shí)現(xiàn)代碼
這篇文章主要介紹了Echarts動態(tài)加載多條折線圖的實(shí)現(xiàn)代碼,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-05-05
js Canvas實(shí)現(xiàn)的日歷時鐘案例分享
本文主要分享了js實(shí)現(xiàn)的日歷時鐘案例,具有一定的參考價值,下面跟著小編一起來看下吧2016-12-12
uniapp開發(fā)h5項(xiàng)目引入第三方j(luò)s(sdk)兩種方法
這篇文章主要給大家介紹了關(guān)于uniapp開發(fā)h5項(xiàng)目引入第三方j(luò)s(sdk)的兩種方法,在Uniapp中引入JS文件是一項(xiàng)常見的操作,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-02-02
Bootstrap導(dǎo)航條學(xué)習(xí)使用(二)
這篇文章主要為大家詳細(xì)介紹了Bootstrap導(dǎo)航條的使用方法第二篇,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-02-02

