说明下
部分资料来自网络,有修改.[原文]
只有全国市,具体效果如下:
源码
在chrome下测试通过.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 | <!doctype html> <head> <title></title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script type="text/javascript"> /* city.js BusinessOn Created by 吴小海 on 12-4-5. Copyright 2012年 蓝运方小. All rights reserved. */ var cityArray = new Array(); //定义城市数组 cityArray[0] = new Array("北京"); cityArray[1] = new Array("上海"); cityArray[2] = new Array("天津"); cityArray[3] = new Array("重庆"); cityArray[4] = new Array("石家庄,邯郸,邢台,保定,张家口,承德,廊坊,唐山,秦皇岛,沧州,衡水"); cityArray[5] = new Array("太原,大同,阳泉,长治,晋城,朔州,吕梁,忻州,晋中,临汾,运城"); cityArray[6] = new Array("呼和浩特,包头,乌海,赤峰,呼伦贝尔盟,阿拉善盟,哲里木盟,兴安盟,乌兰察布盟,锡林郭勒盟,巴彦淖尔盟,伊克昭盟"); cityArray[7] = new Array("沈阳,大连,鞍山,抚顺,本溪,丹东,锦州,营口,阜新,辽阳,盘锦,铁岭,朝阳,葫芦岛"); cityArray[8] = new Array("长春,吉林,四平,辽源,通化,白山,松原,白城,延边"); cityArray[9] = new Array("哈尔滨,齐齐哈尔,牡丹江,佳木斯,大庆,绥化,鹤岗,鸡西,黑河,双鸭山,伊春,七台河,大兴安岭"); cityArray[10] = new Array("南京,镇江,苏州,南通,扬州,盐城,徐州,连云港,常州,无锡,宿迁,泰州,淮安"); cityArray[11] = new Array("杭州,宁波,温州,嘉兴,湖州,绍兴,金华,衢州,舟山,台州,丽水"); cityArray[12] = new Array("合肥,芜湖,蚌埠,马鞍山,淮北,铜陵,安庆,黄山,滁州,宿州,池州,淮南,巢湖,阜阳,六安,宣城,亳州"); cityArray[13] = new Array("福州,厦门,莆田,三明,泉州,漳州,南平,龙岩,宁德"); cityArray[14] = new Array("南昌,景德镇,九江,鹰潭,萍乡,新馀,赣州,吉安,宜春,抚州,上饶"); cityArray[15] = new Array("济南,青岛,淄博,枣庄,东营,烟台,潍坊,济宁,泰安,威海,日照,莱芜,临沂,德州,聊城,滨州,菏泽"); cityArray[16] = new Array("郑州,开封,洛阳,平顶山,安阳,鹤壁,新乡,焦作,濮阳,许昌,漯河,三门峡,南阳,商丘,信阳,周口,驻马店,济源"); cityArray[17] = new Array("武汉,宜昌,荆州,襄樊,黄石,荆门,黄冈,十堰,恩施,潜江,天门,仙桃,随州,咸宁,孝感,鄂州"); cityArray[18] = new Array("长沙,常德,株洲,湘潭,衡阳,岳阳,邵阳,益阳,娄底,怀化,郴州,永州,湘西,张家界"); cityArray[19] = new Array("广州,深圳,珠海,汕头,东莞,中山,佛山,韶关,江门,湛江,茂名,肇庆,惠州,梅州,汕尾,河源,阳江,清远,潮州,揭阳,云浮"); cityArray[20] = new Array("南宁,柳州,桂林,梧州,北海,防城港,钦州,贵港,玉林,南宁地区,柳州地区,贺州,百色,河池"); cityArray[21] = new Array("海口,三亚"); cityArray[22] = new Array("成都,绵阳,德阳,自贡,攀枝花,广元,内江,乐山,南充,宜宾,广安,达川,雅安,眉山,甘孜,凉山,泸州"); cityArray[23] = new Array("贵阳,六盘水,遵义,安顺,铜仁,黔西南,毕节,黔东南,黔南"); cityArray[24] = new Array("昆明,大理,曲靖,玉溪,昭通,楚雄,红河,文山,思茅,西双版纳,保山,德宏,丽江,怒江,迪庆,临沧"); cityArray[25] = new Array("拉萨,日喀则,山南,林芝,昌都,阿里,那曲"); cityArray[26] = new Array("西安,宝鸡,咸阳,铜川,渭南,延安,榆林,汉中,安康,商洛"); cityArray[27] = new Array("兰州,嘉峪关,金昌,白银,天水,酒泉,张掖,武威,定西,陇南,平凉,庆阳,临夏,甘南"); cityArray[28] = new Array("银川,石嘴山,吴忠,固原"); cityArray[29] = new Array("西宁,海东,海南,海北,黄南,玉树,果洛,海西"); cityArray[30] = new Array("乌鲁木齐,石河子,克拉玛依,伊犁,巴音郭勒,昌吉,克孜勒苏柯尔克孜,博尔塔拉,吐鲁番,哈密,喀什,和田,阿克苏"); cityArray[31] = new Array("香港"); cityArray[32] = new Array("澳门"); cityArray[33] = new Array("台湾"); </script> </head> <body> <div class="sheng"> <a href="javascript:void(0)" onClick="getCity(0,($(this).html()))">北京</a> <a href="javascript:void(0)" onClick="getCity(1,($(this).html()))">上海</a> <a href="javascript:void(0)" onClick="getCity(2,($(this).html()))">天津</a> <a href="javascript:void(0)" onClick="getCity(3,($(this).html()))">重庆</a> <a href="javascript:void(0)" onClick="getCity(4,($(this).html()))">河北</a> <a href="javascript:void(0)" onClick="getCity(5,($(this).html()))"> 山西</a> <a href="javascript:void(0)" onClick="getCity(6,($(this).html()))">内蒙古</a> <a href="javascript:void(0)" onClick="getCity(7,($(this).html()))">辽宁</a> <a href="javascript:void(0)" onClick="getCity(8,($(this).html()))">吉林</a><br /><br /> <a href="javascript:void(0)" onClick="getCity(9,($(this).html()))">黑龙江</a> <a href="javascript:void(0)" onClick="getCity(10,($(this).html()))">江苏</a> <a href="javascript:void(0)" onClick="getCity(11,($(this).html()))">浙江</a> <a href="javascript:void(0)" onClick="getCity(12,($(this).html()))">安徽</a> <a href="javascript:void(0)" onClick="getCity(13,($(this).html()))">福建</a> <a href="javascript:void(0)" onClick="getCity(14,($(this).html()))">江西</a> <a href="javascript:void(0)" onClick="getCity(15,($(this).html()))">山东</a> <a href="javascript:void(0)" onClick="getCity(16,($(this).html()))">河南</a><br /><br /> <a href="javascript:void(0)" onClick="getCity(17,($(this).html()))">湖北</a> <a href="javascript:void(0)" onClick="getCity(18,($(this).html()))">湖南</a> <a href="javascript:void(0)" onClick="getCity(19,($(this).html()))">广东</a> <a href="javascript:void(0)" onClick="getCity(20,($(this).html()))">广西</a> <a href="javascript:void(0)" onClick="getCity(21,($(this).html()))">海南</a> <a href="javascript:void(0)" onClick="getCity(22,($(this).html()))">四川</a><br /><br /> <a href="javascript:void(0)" onClick="getCity(23,($(this).html()))">贵州</a> <a href="javascript:void(0)" onClick="getCity(24,($(this).html()))">云南</a> <a href="javascript:void(0)" onClick="getCity(25,($(this).html()))">西藏</a> <a href="javascript:void(0)" onClick="getCity(26,($(this).html()))">陕西</a> <a href="javascript:void(0)" onClick="getCity(27,($(this).html()))">甘肃</a> <a href="javascript:void(0)" onClick="getCity(28,($(this).html()))">宁夏</a> <a href="javascript:void(0)" onClick="getCity(29,($(this).html()))">青海</a> <a href="javascript:void(0)" onClick="getCity(30,($(this).html()))">新疆</a> <a href="javascript:void(0)" onClick="getCity(31,($(this).html()))">香港</a> <a href="javascript:void(0)" onClick="getCity(32,($(this).html()))">澳门</a> <a href="javascript:void(0)" onClick="getCity(33,($(this).html()))">台湾</a> </div> <div class="shi"> </div> </body> <script type="text/javascript"> function getCity(index,province) { var citys = ""+cityArray[index]; var cssk = new Array(); cssk=citys.split(","); var html = '<h1>'+province+'</h1><ul>'; var hrefs="123456"; for(var i=0;i<cssk.length;i++) { html+='<li><a href="'+hrefs+'"&city="'+cssk[i]+'">'+cssk[i]+'</a></li><br />'; } html+="</ul>"; $("div.shi").html(html); } </script> </html> |