|
|
這段js代碼是很久以前的作品了，應該在一年以前吧！當時是在做一個農(nóng)村人才管理系統(tǒng)的時候遇到的問題，因為系統(tǒng)要求參選擇并通過后臺添加省市區(qū)縣甚至到鄉(xiāng)鎮(zhèn)村隊，而在對人才的信息進行修改時要求用下拉列表進行選擇，并且每個人才來源可能是省市，或者省市區(qū)縣，或者一直取隊都要選擇！那時第一反映就是找網(wǎng)上是否有現(xiàn)成的代碼，找到一個最常用的就是省市二級聯(lián)動，那時那段js代碼在網(wǎng)上隨處可見，可是拿過來對我來說沒用，因為我需要的是一個多級聯(lián)通并且可以自由擴展的代碼！最終還是自己動手寫了JS代碼。
為了考慮在同一個頁面中多處使用，因些使用了對象的思想進行設計，為了實現(xiàn)各個多級聯(lián)動的內(nèi)容不同，所以把內(nèi)空數(shù)據(jù)結(jié)構與程序進行了分離，因此設計最終調(diào)用方法如：
var city=new LightManAddressTree;
city.selectshow(obj,0); //obj為要添加到的dom結(jié)點，
如有html代碼如下<div id="abc"></div>
那么調(diào)用方法就應該為
obj=document.getElementById("abc");
var city=new LightManAddressTree;
city.selectshow(obj,0);
這樣多級聯(lián)動內(nèi)容就為顯示在閉合的div標簽內(nèi)的位置
其js設計代碼如下：
復制代碼 代碼如下:
//定義地址數(shù)據(jù)開始
var AddressTree={};
AddressTree["a_row"]=new Array(); //存所有記錄
with(AddressTree){
a_row["1"]=["北京市",0,1];
a_row["2"]=["上海市",0,1];
a_row["3"]=["天津市",0,1];
a_row["4"]=["重慶市",0,1];
a_row["5"]=["河北",0,0];
a_row["6"]=["山西",0,0];
a_row["7"]=["內(nèi)蒙古",0,0];
a_row["8"]=["遼寧",0,0];
a_row["9"]=["吉林",0,0];
a_row["10"]=["黑龍江",0,0];
a_row["11"]=["江蘇",0,0];
a_row["12"]=["漸江",0,0];
a_row["13"]=["安徽",0,0];
a_row["14"]=["福建",0,0];
a_row["15"]=["江西",0,0];
a_row["16"]=["山東",0,0];
a_row["17"]=["河南",0,0];
a_row["18"]=["湖北",0,0];
a_row["19"]=["湖南",0,0];
a_row["20"]=["廣東",0,0];
a_row["21"]=["廣西",0,0];
a_row["22"]=["海南",0,0];
a_row["23"]=["四川",0,0];
a_row["24"]=["貴州",0,0];
a_row["25"]=["云南",0,0];
a_row["26"]=["西藏",0,0];
a_row["27"]=["陜西",0,0];
a_row["28"]=["甘肅",0,0];
a_row["29"]=["青海",0,0];
a_row["30"]=["寧夏",0,0];
a_row["31"]=["新 主站蜘蛛池模板： 双峰县| 蒲江县| 和政县| 鸡东县| 宿松县| 华坪县| 秦安县| 句容市| 香港| 岐山县| 安宁市| 长葛市| 姜堰市| 富宁县| 水富县| 英吉沙县| 广河县| 陈巴尔虎旗| 大邑县| 洱源县| 绥化市| 原阳县| 平罗县| 万全县| 泽普县| 蒲城县| 苗栗县| 遵义市| 邢台县| 昭平县| 布拖县| 长垣县| 汽车| 尼木县| 牙克石市| 绥德县| 西乌珠穆沁旗| 贵南县| 都安| 隆德县| 清涧县|