国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

JS實多級聯動下拉菜單類,簡單實現省市區聯動菜單!

2019-11-21 02:06:55
字體:
來源:轉載
供稿:網友
作者:ybcola 
這段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"]=["新 主站蜘蛛池模板: 柞水县| 渝北区| 盖州市| 双柏县| 江永县| 桃源县| 荆门市| 阳新县| 巴林左旗| 香港 | 枣强县| 罗山县| 西畴县| 阿克苏市| 赣榆县| 周口市| 保德县| 库尔勒市| 什邡市| 合川市| 大港区| 沙雅县| 荥阳市| 马公市| 湟源县| 沁阳市| 左贡县| 铁岭县| 三江| 佛坪县| 怀来县| 富裕县| 郯城县| 平山县| 桑日县| 五大连池市| 新余市| 崇阳县| 五莲县| 滦平县| 衡水市|