|
|
這段js代碼是很久以前的作品了，應該在一年以前吧！當時是在做一個農村人才管理系統的時候遇到的問題，因為系統要求參選擇并通過后臺添加省市區縣甚至到鄉鎮村隊，而在對人才的信息進行修改時要求用下拉列表進行選擇，并且每個人才來源可能是省市，或者省市區縣，或者一直取隊都要選擇！那時第一反映就是找網上是否有現成的代碼，找到一個最常用的就是省市二級聯動，那時那段js代碼在網上隨處可見，可是拿過來對我來說沒用，因為我需要的是一個多級聯通并且可以自由擴展的代碼！最終還是自己動手寫了JS代碼。
為了考慮在同一個頁面中多處使用，因些使用了對象的思想進行設計，為了實現各個多級聯動的內容不同，所以把內空數據結構與程序進行了分離，因此設計最終調用方法如：
var city=new LightManAddressTree;
city.selectshow(obj,0); //obj為要添加到的dom結點，
如有html代碼如下<div id="abc"></div>
那么調用方法就應該為
obj=document.getElementById("abc");
var city=new LightManAddressTree;
city.selectshow(obj,0);
這樣多級聯動內容就為顯示在閉合的div標簽內的位置
其js設計代碼如下：
復制代碼 代碼如下:
//定義地址數據開始
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"]=["內蒙古",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"]=["新 主站蜘蛛池模板： 始兴县| 奇台县| 梨树县| 桃园市| 荆门市| 伊吾县| 万荣县| 茶陵县| 沈阳市| 镇远县| 海盐县| 高州市| 进贤县| 鹿邑县| 岐山县| 黔南| 政和县| 封丘县| 韶关市| 昌乐县| 武夷山市| 博白县| 白玉县| 萍乡市| 航空| 元谋县| 吴江市| 葵青区| 武城县| 青铜峡市| 涪陵区| 宽甸| 赤水市| 托克逊县| 灵宝市| 宜丰县| 四会市| 都昌县| 阜阳市| 台北县| 共和县|