Javascript 生成無限下拉列表實(shí)現(xiàn)代碼
更新時(shí)間:2009年03月26日 21:16:34 作者:
js生成無線下拉列表的實(shí)現(xiàn)代碼。
復(fù)制代碼 代碼如下:
//公司二維數(shù)組數(shù)據(jù)源
Office = [
["Dept", "ParentDept"],
["業(yè)務(wù)部", "0"],
["技術(shù)部", "0"],
["市場(chǎng)部", "0"],
["www.yongfa365.com", "業(yè)務(wù)部"],
["業(yè)務(wù)部小楊", "業(yè)務(wù)部"],
["業(yè)務(wù)部小菜", "業(yè)務(wù)部"],
["技術(shù)部老柳", "技術(shù)部"],
["技術(shù)部老楊", "技術(shù)部"],
["技術(shù)部老菜", "技術(shù)部"],
["市場(chǎng)部柳先生", "市場(chǎng)部"],
["市場(chǎng)部楊先生", "市場(chǎng)部"],
["市場(chǎng)部菜鳥", "市場(chǎng)部"]
]
//省市三維數(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ù)源,父級(jí)值,選中值,第幾級(jí)(用來產(chǎn)生分隔符)
function FillSelectTree(SelectId, ArrObj, ParentValue, SelectedValue, NowI) {
StrObj = eval(document.getElementById(SelectId));
NowI++;
//判斷它是二級(jí)數(shù)據(jù)源,還是三級(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)對(duì)下拉列表值進(jìn)行排序的方法
- javaScript年份下拉列表框內(nèi)容為當(dāng)前年份及前后50年
- javascript為下拉列表動(dòng)態(tài)添加數(shù)據(jù)項(xiàng)
- javascript級(jí)聯(lián)下拉列表實(shí)例代碼(自寫)
- javascript 操作select下拉列表框的一點(diǎn)小經(jīng)驗(yàn)
- javascript 獲取select下拉列表值的代碼
- JavaScript XML實(shí)現(xiàn)兩級(jí)級(jí)聯(lián)下拉列表
- javascript實(shí)現(xiàn)通過拼音首字母快速選擇下拉列表
- Javascript調(diào)用XML制作連動(dòng)下拉列表框
- JavaScript實(shí)現(xiàn)下拉列表框數(shù)據(jù)增加、刪除、上下排序的方法
相關(guān)文章
js接收并轉(zhuǎn)化Java中的數(shù)組對(duì)象的方法
下面小編就為大家?guī)硪黄猨s接收并轉(zhuǎn)化Java中的數(shù)組對(duì)象的方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08JS回調(diào)函數(shù)基本定義與用法實(shí)例分析
這篇文章主要介紹了JS回調(diào)函數(shù)基本定義與用法,結(jié)合實(shí)例形式較為詳細(xì)的分析了javascript回調(diào)函數(shù)基本概念、功能、使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-05-05詳解webpack與SPA實(shí)踐之開發(fā)環(huán)境搭建
這篇文章主要介紹了詳解webpack與SPA實(shí)踐之開發(fā)環(huán)境搭建,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-12-12小程序云開發(fā)實(shí)戰(zhàn)小結(jié)
這篇文章主要介紹了小程序云開發(fā)實(shí)戰(zhàn)小結(jié),本文詳細(xì)的介紹了云開發(fā)以及環(huán)境的搭建和項(xiàng)目實(shí)踐,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2018-10-10JavaScript輸入分鐘、秒倒計(jì)時(shí)技巧總結(jié)(附代碼)
這篇文章主要介紹了JavaScript輸入分鐘、秒倒計(jì)時(shí)的代碼實(shí)現(xiàn),通過css和js代碼展示了邏輯過程,具體操作步驟大家可查看下文的詳細(xì)講解,感興趣的小伙伴們可以參考一下。2017-08-08H5微信公眾號(hào)授權(quán)的簡(jiǎn)單實(shí)現(xiàn)步驟
如果用戶在微信客戶端中訪問第三方網(wǎng)頁,公眾號(hào)可以通過微信網(wǎng)頁授權(quán)機(jī)制,來獲取用戶基本信息,進(jìn)而實(shí)現(xiàn)業(yè)務(wù)邏輯,這篇文章主要給大家介紹了關(guān)于微信公眾號(hào)授權(quán)的相關(guān)資料,需要的朋友可以參考下2021-07-07