现在的位置: 首页 > 综合 > 正文

中国地区三级联动下拉菜单的实现

2012年08月23日 ⁄ 综合 ⁄ 共 56字 ⁄ 字号 评论关闭

  因为最近有需要用到中国地区三级联动下拉菜单,虽然用公司的框架已经实现,但是看的比较迷茫,就网上找了下相关代码,主要的数据和功能实现都是在js文件中,网上找的地区数据有的地方不完整,需要自己添加,虽然和公司的框架实现的代码不一样,还是先把代码放上了,以后需要的时候可以看看,大家也可以看看!

1.首先是js文件(area.js):

View Code

function Dsy()
{
this.Items = {};
}
Dsy.prototype.add
= function(id,iArray)
{
this.Items[id] = iArray;
}
Dsy.prototype.Exists
= function(id)
{
if(typeof(this.Items[id]) == "undefined") return false;
return true;
}

function change(v){
var str="0";
for(i=0;i<v;i++){ str+=("_"+(document.getElementById(s[i]).selectedIndex-1));};
var ss=document.getElementById(s[v]);
with(ss){
length
= 0;
options[
0]=new Option(opt0[v],opt0[v]);
if(v && document.getElementById(s[v-1]).selectedIndex>0 || !v)
{
if(dsy.Exists(str)){
ar
= dsy.Items[str];
for(i=0;i<ar.length;i++)options[length]=new Option(ar[i],ar[i]);
if(v)options[1].selected = true;
}
}
if(++v<s.length){change(v);}
}
}

var dsy = new Dsy();

dsy.add("0",["安徽","北京","福建","甘肃","广东","广西","贵州","海南","河北","河南","黑龙江","湖北","湖南","吉林","江苏","江西","辽宁","内蒙古","宁夏","青海","山东","山西","陕西","上海","四川","天津","西藏","新疆","云南","浙江","重庆"]);

dsy.add("0_0",["安庆","蚌埠","巢湖","池州","滁州","阜阳","合肥","淮北","淮南","黄山","六安","马鞍山","宿州","铜陵","芜湖","宣城","亳州"]);
dsy.add(
"0_0_0",["安庆市","怀宁县","潜山县","宿松县","太湖县","桐城市","望江县","岳西县","枞阳县"]);
dsy.add(
"0_0_1",["蚌埠市","固镇县","怀远县","五河县"]);
dsy.add(
"0_0_2",["巢湖市","含山县","和县","庐江县","无为县"]);
dsy.add(
"0_0_3",["池州市","东至县","青阳县","石台县"]);
dsy.add(
"0_0_4",["滁州市","定远县","凤阳县","来安县","明光市","全椒县","天长市"]);
dsy.add(
"0_0_5",["阜南县","阜阳市","界首市","临泉县","太和县","颖上县"]);
dsy.add(
"0_0_6",["长丰县","肥东县","肥西县"]);
dsy.add(
"0_0_7",["淮北市","濉溪县"]);
dsy.add(
"0_0_8",["凤台县","淮南市"]);
dsy.add(
"0_0_9",["黄山市","祁门县","休宁县","歙县","黟县"]);
dsy.add(
"0_0_10",["霍邱县","霍山县","金寨县","六安市","寿县","舒城县"]);
dsy.add(
"0_0_11",["当涂县","马鞍山市"]);
dsy.add(
"0_0_12",["灵璧县","宿州市","萧县","泗县","砀山县"]);
dsy.add(
"0_0_13",["铜陵市","铜陵县"]);
dsy.add(
"0_0_14",["繁昌县","南陵县","芜湖市","芜湖县"]);
dsy.add(
"0_0_15",["广德县","绩溪县","郎溪县","宁国市","宣城市","泾县","旌德县"]);
dsy.add(
"0_0_16",["利辛县","蒙城县","涡阳县","亳州市"]);

dsy.add("0_1",["北京"]);
dsy.add(
"0_1_0",["北京市","密云县","延庆县"]);

dsy.add("0_2",["福州","龙岩","南平","宁德","莆田","泉州","三明","厦门","漳州"]);
dsy.add(
"0_2_0",["长乐市","福清市","福州市","连江县","罗源县","闽侯县","闽清县","平潭县","永泰县"]);
dsy.add(
"0_2_1",["长汀县","连城县","龙岩市","上杭县","武平县","永定县","漳平市"]);
dsy.add(
"0_2_2",["光泽县","建阳市","建瓯市","南平市","浦城县","邵武市","顺昌县","松溪县","武夷山市","政和县"]);
dsy.add(
"0_2_3",["福安市","福鼎市","古田县","宁德市","屏南县","寿宁县","霞浦县","周宁县","柘荣县"]);
dsy.add(
"0_2_4",["莆田市","仙游县"]);
dsy.add(
"0_2_5",["安溪县","德化县","惠安县","金门县","晋江市","南安市","泉州市","石狮市","永春县"]);
dsy.add(
"0_2_6",["大田县","建宁县","将乐县","明溪县","宁化县","清流县","三明市","沙县","泰宁县","永安市","尤溪县"]);
dsy.add(
"0_2_7",["厦门市"]);
dsy.add(
"0_2_8",["长泰县","东山县","华安县","龙海市","南靖县","平和县","云霄县","漳浦县","漳州市","诏安县"]);

dsy.add("0_3",["白银","定西","甘南藏族自治州","嘉峪关","金昌","酒泉","兰州","临夏回族自治州","陇南","平凉","庆阳","天水","武威","张掖"]);
dsy.add(
"0_3_0",["白银市","会宁县","景泰县","靖远县"]);
dsy.add(
"0_3_1",["定西县","临洮县","陇西县","通渭县","渭源县","漳县","岷县"]);
dsy.add(
"0_3_2",["迭部县","合作市","临潭县","碌曲县","玛曲县","夏河县","舟曲县","卓尼县"]);
dsy.add(
"0_3_3",["嘉峪关市"]);
dsy.add(
"0_3_4",["金昌市","永昌县"]);
dsy.add(
"0_3_5",["阿克塞哈萨克族自治县","安西县","敦煌市","金塔县","酒泉市","肃北蒙古族自治县","玉门市"]);
dsy.add(
"0_3_6",["皋兰县","兰州市","永登县","榆中县"]);
dsy.add(
"0_3_7",["东乡族自治县","广河县","和政县","积石山保安族东乡族撒拉族自治县","康乐县","临夏市","临夏县","永靖县"]);
dsy.add(
"0_3_8",["成县","徽县","康县","礼县","两当县","文县","武都县","西和县","宕昌县"]);
dsy.add(
"0_3_9",["崇信县","华亭县","静宁县","灵台县","平凉市","庄浪县","泾川县"]);
dsy.add(
"0_3_10",["合水县","华池县","环县","宁县","庆城县","庆阳市","镇原县","正宁县"]);
dsy.add(
"0_3_11",["甘谷县","秦安县","清水县","天水市","武山县","张家川回族自治县"]);
dsy.add(
"0_3_12",["古浪县","民勤县","天祝藏族自治县","武威市"]);
dsy.add(
"0_3_13",["高台县","临泽县","民乐县","山丹县","肃南裕固族自治县","张掖市"]);

dsy.add("0_4",["潮州","东莞","佛山","广州","河源","惠州","江门","揭阳","茂名","梅州","清远","汕头","汕尾","韶关","深圳","阳江","云浮","湛江","肇庆","中山","珠海"]);
dsy.add(
"0_4_0",["潮安县","潮州市","饶平县"]);
dsy.add(
"0_4_1",["东莞市"]);
dsy.add(
"0_4_2",["佛山市"]);
dsy.add(
"0_4_3",["从化市","广州市","增城市"]);
dsy.add(
"0_4_4",["东源县","和平县","河源市","连平县","龙川县","紫金县"]);
dsy.add(
"0_4_5",["博罗县","惠东县","惠阳市","惠州市","龙门县"]);
dsy.add(
"0_4_6",["恩平市","鹤山市","江门市","开平市","台山市"]);
dsy.add(
"0_4_7",["惠来县","揭东县","揭西县","揭阳市","普宁市"]);
dsy.add(
"0_4_8",["电白县","高州市","化州市","茂名市","信宜市"]);
dsy.add(
"0_4_9",["大埔县","丰顺县","蕉岭县","梅县","梅州市","平远县","五华县","兴宁市"]);
dsy.add(
"0_4_10",["佛冈县","连南瑶族自治县","连山壮族瑶族自治县","连州市","清新县","清远市","阳山县","英德市"]);
dsy.add(
"0_4_11",["潮阳市","澄海市","南澳县","汕头市"]);
dsy.add(
"0_4_12",["海丰县","陆丰市","陆河县","汕尾市"]);
dsy.add(
"0_4_13",["乐昌市","南雄市","曲江县","仁化县","乳源瑶族自治县","韶关市","始兴县","翁源县","新丰县"]);
dsy.add(
"0_4_14",["深圳市"]);
dsy.add(
"0_4_15",["阳春市","阳东县","阳江市","阳西县"]);
dsy.add(
"0_4_16",["罗定市","新兴县","郁南县","云安县","云浮市"]);
dsy.add(
"0_4_17",["雷州市","廉江市","遂溪县","吴川市","徐闻县","湛江市"]);
dsy.add(
"0_4_18",["德庆县","封开县","高要市","广宁县","怀集县","四会市","肇庆市"]);
dsy.add(
"0_4_19",["中山市"]);
dsy.add(
"0_4_20",["珠海市"]);

dsy.add("0_5",["百色","北海","崇左","防城港","桂林","贵港","河池","贺州","来宾","柳州","南宁","钦州","梧州","玉林"]);
dsy.add(
"0_5_0",["百色市","德保县","靖西县","乐业县","凌云县","隆林各族自治县","那坡县","平果县","田东县","田林县","田阳县","西林县"]);
dsy.add(
"0_5_1",["北海市","合浦县"]);
dsy.add(
"0_5_2",["崇左市","大新县","扶绥县","龙州县","宁明县","凭祥市","天等县"]);
dsy.add(
"0_5_3",["东兴市","防城港市","上思县"]);
dsy.add(
"0_5_4",["恭城瑶族自治县","灌阳县","桂林市","荔浦县","临桂县","灵川县","龙胜各族自治县","平乐县","全州县","兴安县","阳朔县","永福县","资源县"]);
dsy.add(
"0_5_5",["桂平市","贵港市","平南县"]);
dsy.add(
"0_5_6",["巴马瑶族自治县","大化瑶族自治县","东兰县","都安瑶族自治县","凤山县","河池市","环江毛南族自治县","罗城仡佬族自治县","南丹县","天峨县","宜州市"]);
dsy.add(
"0_5_7",["富川瑶族自治县","贺州市","昭平县","钟山县"]);
dsy.add(
"0_5_8",["合山市","金秀瑶族自治县","来宾市","武宣县","象州县","忻城县"]);
dsy.add(
"0_5_9",["柳城县","柳江县","柳州市","鹿寨县","融安县","融水苗族自治县","三江侗族自治县"]);
dsy.add(
"0_5_10",["宾阳县","横县","隆安县","马山县","南宁市","上林县","武鸣县","邕宁县"]);
dsy.add(
"0_5_11",["灵山县","浦北县","钦州市"]);
dsy.add(
"0_5_12",["苍梧县","蒙山县","藤县","梧州市","岑溪市"]);
dsy.add(
"0_5_13",["北流市","博白县","陆川县","容县","兴业县","玉林市"]);
dsy.add(
"0_6",["安顺","毕节","贵阳","六盘水","黔东南苗族侗族自治州","黔南布依族苗族自治州","黔西南布依族苗族自治州","铜仁","遵义"]);
dsy.add(
"0_6_0",["安顺市","关岭布依族苗族自治县","平坝县","普定县","镇宁布依族苗族自治县","紫云苗族布依族自治县"]);
dsy.add(
"0_6_1",["毕节市","大方县","赫章县","金沙县","纳雍县","黔西县","威宁彝族回族苗族自治县","织金县"]);
dsy.add(
"0_6_2",["贵阳市","开阳县","清镇市","息烽县","修文县"]);
dsy.add(
"0_6_3",["六盘水市","六枝特区","盘县","水城县"]);
dsy.add(
"0_6_4",["从江县","丹寨县","黄平县","剑河县","锦屏县","凯里市","雷山县","黎平县","麻江县","三穗县","施秉县","台江县","天柱县","镇远县","岑巩县","榕江县"]);
dsy.add(
"0_6_5",["长顺县","都匀市","独山县","福泉市","贵定县","惠水县","荔波县","龙里县","罗甸县","平塘县","三都水族自治县","瓮安县"]);
dsy.add(
"0_6_6",["安龙县","册亨县","普安县","晴隆县","望谟县","兴仁县","兴义市","贞丰县"]);
dsy.add(
"0_6_7",["德江县","江口县","石阡县","思南县","松桃苗族自治县","铜仁市","万山特区","沿河土家族自治县","印江土家族苗族自治县","玉屏侗族自治县"]);
dsy.add(
"0_6_8",["赤水市","道真仡佬族苗族自治县","凤冈县","仁怀市","绥阳县","桐梓县","务川仡佬族苗族自治县","习水县","余庆县","正安县","遵义市","遵义县","湄潭县"]);

dsy.add("0_7",["白沙黎族自治县","保亭黎族苗族自治县","昌江黎族自治县","澄迈县","定安县","东方","海口","乐东黎族自治县","临高县","陵水黎族自治县","琼海","琼中黎族苗族自治县","三亚","屯昌县","万宁","文昌","五指山","儋州"]);
dsy.add(
"0_7_0",["白沙黎族自治县"]);
dsy.add(
"0_7_1",["保亭黎族苗族自治县"]);
dsy.add(
"0_7_2",["昌江黎族自治县"]);
dsy.add(
"0_7_3",["澄迈县"]);
dsy.add(
"0_7_4",["定安县"]);
dsy.add(
"0_7_5",["东方市"]);
dsy.add(
"0_7_6",["海口市"]);
dsy.add(
"0_7_7",["乐东黎族自治县"]);
dsy.add(
"0_7_8",["临高县"]);
dsy.add(
"0_7_9",["陵水黎族自治县"]);
dsy.add(
"0_7_10",["琼海市"]);
dsy.add(
"0_7_11",["琼中黎族苗族自治县"]);
dsy.add(
"0_7_12",["三亚市"]);
dsy.add(
"0_7_13",["屯昌县"]);
dsy.add(
"0_7_14",["万宁市"]);
dsy.add(
"0_7_15",["文昌市"]);
dsy.add(
"0_7_16",["五指山市"]);
dsy.add(
"0_7_17",["儋州市"]);

dsy.add("0_8",["保定","沧州","承德","邯郸","衡水","廊坊","秦皇岛","石家庄","唐山","邢台","张家口"]);
dsy.add(
"0_8_0",["安国市","安新县","保定市","博野县","定兴县","定州市","阜平县","高碑店市","高阳县","满城县","清苑县","曲阳县","容城县","顺平县","唐县","望都县","雄县","徐水县","易县","涞水县","涞源县","涿州市","蠡县"]);
dsy.add(
"0_8_1",["泊头市","沧县","沧州市","东光县","海兴县","河间市","黄骅市","孟村回族自治县","南皮县","青县","任丘市","肃宁县","吴桥县","献县","盐山县"]);
dsy.add(
"0_8_2",["承德市","承德县","丰宁满族自治县","宽城满族自治县","隆化县","滦平县","平泉县","围场满族蒙古族自治县","兴隆县"]);
dsy.add(
"0_8_3",["成安县","磁县","大名县","肥乡县","馆陶县","广平县","邯郸市","邯郸县","鸡泽县","临漳县","邱县","曲周县","涉县","魏县","武安市","永年县"]);
dsy.add(
"0_8_4",["安平县","阜城县","故城县","衡水市","冀州市","景县","饶阳县","深州市","武强县","武邑县","枣强县"]);
dsy.add(
"0_8_5",["霸州市","大厂回族自治县","大城县","固安县","廊坊市","三河市","文安县","香河县","永清县"]);
dsy.add(
"0_8_6",["昌黎县","抚宁县","卢龙县","秦皇岛市","青龙满族自治县"]);
dsy.add(
"0_8_7",["高邑县","晋州市","井陉县","灵寿县","鹿泉市","平山县","深泽县","石家庄市","无极县","辛集市","新乐市","行唐县","元氏县","赞皇县","赵县","正定县","藁城市","栾城县"]);
dsy.add(
"0_8_8",["乐亭县","滦南县","滦县","迁安市","迁西县","唐海县","唐山市","玉田县","遵化市"]);
dsy.add(
"0_8_9",["柏乡县","广宗县","巨鹿县","临城县","临西县","隆尧县","南宫市","南和县","内丘县","宁晋县","平乡县","清河县","任县","沙河市","威县","新河县","邢台市","邢台县"]);
dsy.add(
"0_8_10",["赤城县","崇礼县","沽源县","怀安县","怀来县","康保县","尚义县","万全县","蔚县","宣化县","阳原县","张北县","张家口市","涿鹿县"]);

dsy.add("0_9",["安阳","鹤壁","济源","焦作","开封","洛阳","南阳","平顶山","三门峡","商丘","新乡","信阳","许昌","郑州","周口","驻马店","漯河","濮阳"]);
dsy.add(
"0_9_0",["安阳市","安阳县","滑县","林州市","内黄县","汤阴县"]);
dsy.add(
"0_9_1",["","鹤壁市","浚县","淇县"]);
dsy.add(
"0_9_2",["济源市"]);
dsy.add(
"0_9_3",["博爱县","焦作市","孟州市","沁阳市","温县","武陟县",

抱歉!评论已关闭.