|
|
這段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"]=["新 主站蜘蛛池模板： 91麻豆精品一二三区在线 | 2020国产成人免费视频 | 国内精品免费一区二区三区 | 国产极品在线观看 | 色呦呦在线免费观看 | 道区二区三区四区 | 高清国产一区 | 国产精品久久久久久一区二区三区 | 日本午夜www高清视频 | 高清国产美女在线观看 | 国产原创中文视频 | 99久久伊人一区二区yy5099 | 婷婷丁香视频 | 黄色片视频网站 | 55夜色66夜色国产精品站 | 欧美天天影院 | 欧美在线性 | 国产91精品一区二区麻豆亚洲 | 国产图片区 | 国语自产拍在线观看任你躁 | 亚洲第二区 | 日本永久免费 | 中文字幕精品在线 | 天天色官网 | 国产精品自在线天天看片 | 久久精品国产清自在天天线 | 一本久道久久综合 | 精品麻豆国语国拍视频在线 | 一区二区视频免费看 | 亚洲一区二区中文字5566 | 性色综合 | 免费看污成人午夜网站 | 四虎精品免费永久在线 | 蕾丝视频福利网站 | 一级毛片免费不卡 | 国产亚洲漂亮白嫩美女在线 | 欧美成人午夜视频免看 | 四虎永久免费最新在线 | 亚洲成人高清 | 91精品国产综合久久消防器材 | 亚洲一二三区久久五月天婷婷 |