无刷新联动菜单相信大家都听说或者掌握了,但是我一直没有解决的问题就是怎样获得被联动的下拉菜单的值。前几天下载了DotTextWeb,在Register.aspx里面突然发现了有这个东西,兴奋不已,于是就去看代码了,发现它用的是js,相信大家都看多XmlHTTPRequest实现的,我技术水平只能达到抄的水平,于是就没有深入的研究,这次让我看到了如此之好的代码,我就不能放过了,呵呵,
以下代码需要了解js的基本和DOM的基础就可以了。
首先和DotTextWeb一样,建立一个.ascx文件,里面的主要是放入两个联动的下拉列表
代码如下:
1
<select name="shen" onChange="redirectff(this.options.selectedIndex)">
2
<option value="直辖市" selected>直辖市</option>
3
<option value="湖北">湖北</option>
4
<option value="河北">河北</option>
5
<option value="山西">山西</option>
6
<option value="内蒙古">内蒙古</option>
7
<option value="辽宁">辽宁</option>
8
<option value="吉林">吉林</option>
9
<option value="黑龙江">黑龙江</option>
10
<option value="江苏">江苏</option>
11
<option value="浙江">浙江</option>
12
<option value="安徽">安徽</option>
13
<option value="福建">福建</option>
14
<option value="江西">江西</option>
15
<option value="山东">山东</option>
16
<option value="河南">河南</option>
17
<option value="海南">海南</option>
18
<option value="广东">广东</option>
19
<option value="广西">广西</option>
20
<option value="湖南">湖南</option>
21
<option value="四川">四川</option>
22
<option value="贵州">贵州</option>
23
<option value="云南">云南</option>
24
<option value="西藏">西藏</option>
25
<option value="陕西">陕西</option>
26
<option value="甘肃">甘肃</option>
27
<option value="宁夏">宁夏</option>
28
<option value="青海">青海</option>
29
<option value="新疆">新疆</option>
30
</select>
31
省
32
<select name="city">
33
<option value="北京">北京</option>
34
<option value="上海">上海</option>
35
<option value="天津">天津</option>
36
<option value="重庆">重庆</option>
37
</select>
38
市 <font color="red">*</font>
39
<script language="JavaScript">
40
<!--
41
var groups=document.frmRegister.shen.options.length;
42
var group=new Array(groups);
43
for (i=0; i<groups; i++)
44
group[i]=new Array();
45
46
group[0][0]=new Option("北京","北京");
47
group[0][1]=new Option("上海","上海");
48
group[0][2]=new Option("天津","天津");
49
group[0][3]=new Option("重庆","重庆");
50
group[1][0]=new Option("武汉","武汉");
51
group[1][1]=new Option("鄂州","鄂州");
52
group[1][2]=new Option("孝感","孝感");
53
group[1][3]=new Option("黄冈","黄冈");
54
group[1][4]=new Option("黄石","黄石");
55
group[1][5]=new Option("咸宁","咸宁");
56
group[1][6]=new Option("沙市","沙市");
57
group[1][7]=new Option("宜昌","宜昌");
58
group[1][8]=new Option("恩施","恩施");
59
group[1][9]=new Option("十堰","十堰");
60
group[1][10]=new Option("襄樊","襄樊");
61
group[1][11]=new Option("荆门","荆门");
62
group[2][0]=new Option("石家庄","石家庄");
63
group[2][1]=new Option("保定","保定");
64
group[2][2]=new Option("张家口","张家口");
65
group[2][3]=new Option("承德","承德");
66
group[2][4]=new Option("唐山","唐山");
67
group[2][5]=new Option("廊坊","廊坊");
68
group[2][6]=new Option("沧州","沧州");
69
group[2][7]=new Option("衡水","衡水");
70
group[2][8]=new Option("邢台","邢台");
71
group[2][9]=new Option("邯郸","邯郸");
72
group[2][10]=new Option("秦皇岛","秦皇岛");
73
group[3][0]=new Option("太原","太原");
74
group[3][1]=new Option("大同","大同");
75
group[3][2]=new Option("阳泉","阳泉");
76
group[3][3]=new Option("榆次","榆次");
77
group[3][4]=new Option("长治","长治");
78
group[3][5]=new Option("晋城","晋城");
79
group[3][6]=new Option("临汾","临汾");
80
group[3][7]=new Option("离石","离石");
81
group[3][8]=new Option("运城","运城");
82
group[3][9]=new Option("忻州","忻州");
83
group[4][0]=new Option("呼和浩特","呼和浩特");
84
group[4][1]=new Option("包头","包头");
85
group[4][2]=new Option("乌海","乌海");
86
group[4][3]=new Option("集宁","集宁");
87
group[4][4]=new Option("通辽","通辽");
88
group[4][5]=new Option("赤峰","赤峰");
89
group[4][6]=new Option("东胜","东胜");
90
group[4][7]=new Option("锡林浩特","锡林浩特");
91
group[4][8]=new Option("海拉尔","海拉尔");
92
group[5][0]=new Option("沈阳","沈阳");
93
group[5][1]=new Option("大连","大连");
94
group[5][2]=new Option("瓦房店","瓦房店");
95
group[5][3]=new Option("鞍山","鞍山");
96
group[5][4]=new Option("抚顺","抚顺");
97
group[5][5]=new Option("本溪","本溪");
98
group[5][6]=new Option("丹东","丹东");
99
group[5][7]=new Option("锦州","锦州");
100
group[5][8]=new Option("营口","营口");
101
group[5][9]=new Option("阜新","阜新");
102
group[5][10]=new Option("辽阳","辽阳");
103
group[5][11]=new Option("铁岭","铁岭");
104
group[6][0]=new Option("长春","长春");
105
group[6][1]=new Option("吉林","吉林");
106
group[6][2]=new Option("延吉","延吉");
107
group[6][3]=new Option("四平","四平");
108
group[6][4]=new Option("通化","通化");
109
group[6][5]=new Option("白城","白城");
110
group[6][6]=new Option("辽源","辽源");
111
group[6][7]=new Option("前郭","前郭");
112
group[6][8]=new Option("浑江","浑江");
113
group[6][9]=new Option("梅河口","梅河口");
114
group[7][0]=new Option("哈尔滨","哈尔滨");
115
group[7][1]=new Option("齐齐哈尔","齐齐哈尔");
116
group[7][2]=new Option("牡丹江","牡丹江");
117
group[7][3]=new Option("佳木斯","佳木斯");
118
group[7][4]=new Option("绥化","绥化");
119
group[7][5]=new Option("黑河","黑河");
120
group[7][6]=new Option("加格达其","加格达其");
121
group[7][7]=new Option("伊春","伊春");
122
group[7][8]=new Option("大庆","大庆");
123
group[7][9]=new Option("阿城","阿城");
124
group[8][0]=new Option("南京","南京");
125
group[8][1]=new Option("镇江","镇江");
126
group[8][2]=new Option("南通","南通");
127
group[8][3]=new Option("苏州","苏州");
128
group[8][4]=new Option("扬州","扬州");
129
group[8][5]=new Option("盐城","盐城");
130
group[8][6]=new Option("徐州","徐州");
131
group[8][7]=new Option("淮阴","淮阴");
132
group[8][8]=new Option("连云港","连云港");
133
group[8][9]=new Option("常州","常州");
134
group[8][10]=new Option("无锡","无锡");
135
group[8][11]=new Option("常熟","常熟");
136
group[8][12]=new Option("张家港","张家港");
137
group[9][0]=new Option("杭州","杭州");
138
group[9][1]=new Option("湖州","湖州");
139
group[9][2]=new Option("嘉兴","嘉兴");
140
group[9][3]=new Option("宁波","宁波");
141
group[9][4]=new Option("绍兴","绍兴");
142
group[9][5]=new Option("临海","临海");
143
group[9][6]=new Option("温州","温州");
144
group[9][7]=new Option("丽水","丽水");
145
group[9][8]=new Option("金华","金华");
146
group[9][9]=new Option("衢州","衢州");
147
group[10][0]=new Option("合肥","合肥");
148
group[10][1]=new Option("蚌埠","蚌埠");
149
group[10][2]=new Option("芜湖","芜湖");
150
group[10][3]=new Option("马鞍山","马鞍山");
151
group[10][4]=new Option("安庆","安庆");
152
group[10][5]=new Option("宿县","宿县");
153
group[10][6]=new Option("阜阳","阜阳");
154
group[10][7]=new Option("黄山","黄山");
155
group[10][8]=new Option("滁州","滁州");
156
group[10][9]=new Option("淮北","淮北");
157
group[10][10]=new Option("铜陵","铜陵");
158
group[10][11]=new Option("宣城","宣城");
159
group[10][12]=new Option("六安","六安");
160
group[10][13]=new Option("巢湖","巢湖");
161
group[11][0]=new Option("福州","福州");
162
group[11][1]=new Option("厦门","厦门");
163
group[11][2]=new Option("宁德","宁德");
164
group[11][3]=new Option("莆田","莆田");
165
group[11][4]=new Option("泉州","泉州");
166
group[11][5]=new Option("漳州","漳州");
167
group[11][6]=new Option("龙岩","龙岩");
168
group[11][7]=new Option("三明","三明");
169
group[11][8]=new Option("南平","南平");
170
group[12][0]=new Option("南昌","南昌");
171
group[12][1]=new Option("九江","九江");
172
group[12][2]=new Option("上饶","上饶");
173
group[12][3]=new Option("陵川","陵川");
174
group[12][4]=new Option("宜春","宜春");
175
group[12][5]=new Option("吉安","吉安");
176
group[12][6]=new Option("赣州","赣州");
177
group[12][7]=new Option("景德镇","景德镇");
178
group[12][8]=new Option("萍乡","萍乡");
179
group[12][9]=new Option("分宜","分宜");
180
group[13][0]=new Option("济南","济南");
181
group[13][1]=new Option("青岛","青岛");
182
group[13][2]=new Option("淄博","淄博");
183
group[13][