jQuery:选择省输出相应市

说明下

部分资料来自网络,有修改.[原文]
只有全国市,具体效果如下:

html效果图
image-2066

源码

在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>

发表评论

您的电子邮箱地址不会被公开。

*

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据