码迷,mamicode.com
首页 > Web开发 > 详细

js selection省市2级级联菜单

时间:2017-09-04 00:00:23      阅读:354      评论:0      收藏:0      [点我收藏+]

标签:取数   xhtml   长春   珠海   order   字符   selected   类型   数据   

主要分html部分和js部分

,函数的参数为空时就是初始化状态,若要加载从后台读取数据的数据给option一个选中的初始状态的话,就可以给定参数即可,一下案例中给定了参数。

city.html 页面

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <!-- saved from url=(0061)http://demo.jb51.net/js/2015/js-province-city-cho-menu-codes/ -->
 3 <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 4 
 5 <title>js全国省市二级联动下拉选择菜单</title>
 6  <script language="javascript" src="city.js"></script>
 7 <body>
 8 
 9 <form   name="form2" action="test.html"  method="get">
10 <table width="300" border="0" cellspacing="0" cellpadding="1" !bgcolor="#FFFDE6">
11 <tbody><tr>
12 <td class="black_con9" align="right">省份:</td>
13 <td class="black_con9">
14 <select name="selectp" onchange="selectcityarea(&#39;selectp&#39;,&#39;selectc&#39;,&#39;form2&#39;);">
15 <option value="0" name="province" selected="">选择省份</option>
16  </select>
17 </td>
18 <td class="black_con9" align="right">县/市:</td>
19 <td class="black_con9">
20 <select name="selectc">
21 <option value="0" name="city" selected="">选择城市</option>
22 </select>
23 </td>
24 </tr>
25 </tbody></table>
26 <input type="text" name="123">
27 <input type="submit" value="提交">
28 </form>
29 
30 <script language="javascript">
31 first("selectp","selectc","form2","03","0302");//后2个参数为字符串类型
32 </script>
33 
34 
35 </body></html>

city.js部分如下:

  1 cityareaname=new Array(35);
  2 cityareacode=new Array(35);
  3 function first(preP,preC,VeryHuo,selectP,selectC)//后2个参数为字符串类型
  4 {
  5 a=0; 
  6 if (selectP==‘01‘)
  7 { a=‘01‘;tempoption=new Option(‘北京‘,‘01‘,false,true); }
  8 else
  9 { tempoption=new Option(‘北京‘,‘01‘); }
 10 eval(‘document.‘+VeryHuo+‘.‘+preP+‘.options[1]=tempoption;‘);
 11 cityareacode[0]=new Array(‘0101‘,‘0102‘,‘0103‘,‘0104‘,‘0105‘,‘0106‘,‘0107‘,‘0108‘);
 12 cityareaname[0]=new Array(‘东城区‘,‘西城区‘,‘崇文区‘,‘宣武区‘,‘朝阳区‘,‘海淀区‘,‘丰台区‘,‘石景山‘);
 13 if (selectP==‘02‘)
 14 { a=2;tempoption=new Option(‘深圳‘,‘02‘,false,true); }
 15 else
 16 { tempoption=new Option(‘深圳‘,‘02‘); }
 17 eval(‘document.‘+VeryHuo+‘.‘+preP+‘.options[2]=tempoption;‘);
 18 cityareacode[1]=new Array(‘0201‘,‘0202‘,‘0203‘,‘0204‘,‘0205‘,‘0206‘);
 19 cityareaname[1]=new Array(‘罗湖‘,‘福田‘,‘南山‘,‘盐田‘,‘宝安‘,‘龙岗‘);
 20 if (selectP==‘03‘)
 21 { a=3;tempoption=new Option(‘上海‘,‘03‘,false,true); }
 22 else
 23 { tempoption=new Option(‘上海‘,‘03‘); }
 24 eval(‘document.‘+VeryHuo+‘.‘+preP+‘.options[3]=tempoption;‘);
 25 cityareacode[2]=new Array(‘0301‘,‘0302‘,‘0303‘,‘0304‘,‘0305‘,‘0306‘,‘0307‘,‘0308‘,‘0309‘,‘0310‘,‘0311‘,‘0312‘,‘0313‘,‘0314‘,‘0315‘,‘0316‘,‘0317‘,‘0318‘,‘0319‘,‘0320‘);
 26 cityareaname[2]=new Array(‘宝山‘,‘金山‘,‘南市‘,‘长宁‘,‘静安‘,‘青浦‘,‘崇明‘,‘卢湾‘,‘松江‘,‘奉贤‘,‘浦东‘,‘杨浦‘,‘虹口‘,‘普陀‘,‘闸北‘,‘黄浦‘,‘闵行‘,‘徐汇‘,‘嘉定‘,‘南汇‘);
 27 if (selectP==‘04‘)
 28 { a=4;tempoption=new Option(‘重庆‘,‘04‘,false,true); }
 29 else
 30 { tempoption=new Option(‘重庆‘,‘04‘); }
 31 eval(‘document.‘+VeryHuo+‘.‘+preP+‘.options[4]=tempoption;‘);
 32 cityareacode[3]=new Array(‘0401‘,‘0402‘,‘0403‘,‘0404‘,‘0405‘,‘0406‘);
 33 cityareaname[3]=new Array(‘渝中‘,‘江北‘,‘沙坪坝‘,‘南岸‘,‘九龙坡‘,‘大渡口‘);
 34 if (selectP==‘05‘)
 35 { a=5;tempoption=new Option(‘天津‘,‘05‘,false,true); }
 36 else
 37 { tempoption=new Option(‘天津‘,‘05‘); }
 38 eval(‘document.‘+VeryHuo+‘.‘+preP+‘.options[5]=tempoption;‘);
 39 cityareacode[4]=new Array(‘0501‘,‘0502‘,‘0503‘,‘0504‘,‘0505‘,‘0506‘,‘0507‘,‘0508‘,‘0509‘,‘0510‘,‘0511‘,‘0512‘,‘0513‘,‘0514‘,‘0515‘);
 40 cityareaname[4]=new Array(‘和平‘,‘河北‘,‘河西‘,‘河东‘,‘南开‘,‘红桥‘,‘塘沽‘,‘汉沽‘,‘大港‘,‘东丽‘,‘西青‘,‘津南‘,‘北辰‘,‘武清‘,‘滨海‘);
 41 if (selectP==‘06‘)
 42 { a=6;tempoption=new Option(‘广东‘,‘06‘,false,true); }
 43 else
 44 { tempoption=new Option(‘广东‘,‘06‘); }
 45 eval(‘document.‘+VeryHuo+‘.‘+preP+‘.options[6]=tempoption;‘);
 46 cityareacode[5]=new Array(‘0601‘,‘0602‘,‘0603‘,‘0604‘,‘0605‘,‘0606‘,‘0607‘,‘0608‘,‘0609‘,‘0610‘,‘0611‘,‘0612‘,‘0613‘,‘0614‘,‘0615‘);
 47 cityareaname[5]=new Array(‘广州‘,‘珠海‘,‘中山‘,‘佛山‘,‘东莞‘,‘清远‘,‘肇庆‘,‘阳江‘,‘湛江‘,‘韶关‘,‘惠州‘,‘河源‘,‘汕尾‘,‘汕头‘,‘梅州‘);
 48 if (selectP==‘07‘)
 49 { a=7;tempoption=new Option(‘河北‘,‘07‘,false,true); }
 50 else
 51 { tempoption=new Option(‘河北‘,‘07‘); }
 52 eval(‘document.‘+VeryHuo+‘.‘+preP+‘.options[7]=tempoption;‘);
 53 cityareacode[6]=new Array(‘0701‘,‘0702‘,‘0703‘,‘0704‘,‘0705‘,‘0706‘,‘0707‘,‘0708‘,‘0709‘,‘0710‘,‘0711‘);
 54 cityareaname[6]=new Array(‘石家庄‘,‘唐山‘,‘秦皇岛‘,‘邯郸‘,‘邢台‘,‘张家口‘,‘承德‘,‘廊坊‘,‘沧州‘,‘保定‘,‘衡水‘);
 55 if (selectP==‘08‘)
 56 { a=8;tempoption=new Option(‘山西‘,‘08‘,false,true); }
 57 else
 58 { tempoption=new Option(‘山西‘,‘08‘); }
 59 eval(‘document.‘+VeryHuo+‘.‘+preP+‘.options[8]=tempoption;‘);
 60 cityareacode[7]=new Array(‘0801‘,‘0802‘,‘0803‘,‘0804‘,‘0805‘,‘0806‘,‘0807‘);
 61 cityareaname[7]=new Array(‘太原‘,‘大同‘,‘阳泉‘,‘朔州‘,‘长治‘,‘临汾‘,‘晋城‘);
 62 if (selectP==‘09‘)
 63 { a=9;tempoption=new Option(‘内蒙古‘,‘09‘,false,true); }
 64 else
 65 { tempoption=new Option(‘内蒙古‘,‘09‘); }
 66 eval(‘document.‘+VeryHuo+‘.‘+preP+‘.options[9]=tempoption;‘);
 67 cityareacode[8]=new Array(‘0901‘,‘0902‘,‘0903‘,‘0904‘,‘0905‘,‘0906‘,‘0907‘,‘0908‘,‘0909‘,‘0910‘,‘0911‘);
 68 cityareaname[8]=new Array(‘呼和浩特‘,‘包头‘,‘乌海‘,‘临河‘,‘东胜‘,‘集宁‘,‘锡林浩特‘,‘通辽‘,‘赤峰‘,‘海拉尔‘,‘乌兰浩特‘);
 69 if (selectP==‘10‘)
 70 { a=10;tempoption=new Option(‘辽宁‘,‘10‘,false,true); }
 71 else
 72 { tempoption=new Option(‘辽宁‘,‘10‘); }
 73 eval(‘document.‘+VeryHuo+‘.‘+preP+‘.options[10]=tempoption;‘);
 74 cityareacode[9]=new Array(‘1001‘,‘1002‘,‘1003‘,‘1004‘,‘1005‘,‘1006‘,‘1007‘,‘1008‘,‘1009‘,‘1010‘,‘1011‘,‘1012‘,‘1013‘,‘1014‘);
 75 cityareaname[9]=new Array(‘沈阳‘,‘大连‘,‘鞍山‘,‘锦州‘,‘丹东‘,‘盘锦‘,‘铁岭‘,‘抚顺‘,‘营口‘,‘辽阳‘,‘阜新‘,‘本溪‘,‘朝阳‘,‘葫芦岛‘);
 76 if (selectP==‘11‘)
 77 { a=11;tempoption=new Option(‘吉林‘,‘11‘,false,true); }
 78 else
 79 { tempoption=new Option(‘吉林‘,‘11‘); }
 80 eval(‘document.‘+VeryHuo+‘.‘+preP+‘.options[11]=tempoption;‘);
 81 cityareacode[10]=new Array(‘1101‘,‘1102‘,‘1103‘,‘1104‘,‘1105‘,‘1106‘,‘1107‘,‘1108‘,‘1109‘);
 82 cityareaname[10]=new Array(‘长春‘,‘吉林‘,‘四平‘,‘辽源‘,‘通化‘,‘白山‘,‘松原‘,‘白城‘,‘延边‘);
 83 if (selectP==‘12‘)
 84 { a=12;tempoption=new Option(‘黑龙江‘,‘12‘,false,true); }
 85 else
 86 { tempoption=new Option(‘黑龙江‘,‘12‘); }
 87 eval(‘document.‘+VeryHuo+‘.‘+preP+‘.options[12]=tempoption;‘);
 88 cityareacode[11]=new Array(‘1201‘,‘1202‘,‘1203‘,‘1204‘,‘1205‘,‘1206‘,‘1207‘,‘1208‘,‘1209‘,‘1210‘,‘1211‘,‘1212‘,‘1213‘);
 89 cityareaname[11]=new Array(‘哈尔滨‘,‘齐齐哈尔‘,‘牡丹江‘,‘佳木斯‘,‘大庆‘,‘伊春‘,‘黑河‘,‘鸡西‘,‘鹤岗‘,‘双鸭山‘,‘七台河‘,‘绥化‘,‘大兴安岭‘);
 90 if (selectP==‘13‘)
 91 { a=13;tempoption=new Option(‘江苏‘,‘13‘,false,true); }
 92 else
 93 { tempoption=new Option(‘江苏‘,‘13‘); }
 94 eval(‘document.‘+VeryHuo+‘.‘+preP+‘.options[13]=tempoption;‘);
 95 cityareacode[12]=new Array(‘1301‘,‘1302‘,‘1303‘,‘1304‘,‘1305‘,‘1306‘,‘1307‘,‘1308‘,‘1309‘,‘1310‘,‘1311‘,‘1312‘,‘1313‘);
 96 cityareaname[12]=new Array(‘南京‘,‘苏州‘,‘无锡‘,‘常州‘,‘镇江‘,‘连云港 ‘,‘扬州‘,‘徐州 ‘,‘南通‘,‘盐城‘,‘淮阴‘,‘泰州‘,‘宿迁‘);
 97 if (selectP==‘14‘)
 98 { a=14;tempoption=new Option(‘浙江‘,‘14‘,false,true); }
 99 else
100 { tempoption=new Option(‘浙江‘,‘14‘); }
101 eval(‘document.‘+VeryHuo+‘.‘+preP+‘.options[14]=tempoption;‘);
102 cityareacode[13]=new Array(‘1401‘,‘1402‘,‘1403‘,‘1404‘,‘1405‘,‘1406‘,‘1407‘,‘1408‘,‘1409‘,‘1410‘,‘1411‘);
103 cityareaname[13]=new Array(‘杭州‘,‘湖州‘,‘丽水‘,‘温州‘,‘绍兴‘,‘舟山‘,‘嘉兴‘,‘金华‘,‘台州‘,‘衢州‘,‘宁波‘);
104 if (selectP==‘15‘)
105 { a=15;tempoption=new Option(‘安徽‘,‘15‘,false,true); }
106 else
107 { tempoption=new Option(‘安徽‘,‘15‘); }
108 eval(‘document.‘+VeryHuo+‘.‘+preP+‘.options[15]=tempoption;‘);
109 cityareacode[14]=new Array(‘1501‘,‘1502‘,‘1503‘,‘1504‘,‘1505‘,‘1506‘,‘1507‘,‘1508‘,‘1509‘,‘1510‘,‘1511‘,‘1512‘,‘1513‘,‘1514‘,‘1515‘,‘1516‘,‘1517‘);
110 cityareaname[14]=new Array(‘合肥  ‘,‘芜湖 ‘,‘蚌埠 ‘,‘滁州 ‘,‘安庆 ‘,‘六安 ‘,‘黄山 ‘,‘宣城 ‘,‘淮南 ‘,‘宿州 ‘,‘马鞍山 ‘,‘铜陵‘,‘淮北 ‘,‘阜阳 ‘,‘池州 ‘,‘巢湖 ‘,‘亳州‘);
111 if (selectP==‘16‘)
112 { a=16;tempoption=new Option(‘福建‘,‘16‘,false,true); }
113 else
114 { tempoption=new Option(‘福建‘,‘16‘); }
115 eval(‘document.‘+VeryHuo+‘.‘+preP+‘.options[16]=tempoption;‘);
116 cityareacode[15]=new Array(‘1601‘,‘1602‘,‘1603‘,‘1604‘,‘1605‘,‘1606‘,‘1607‘,‘1608‘,‘1609‘);
117 cityareaname[15]=new Array(‘福州 ‘,‘厦门 ‘,‘泉州 ‘,‘漳州 ‘,‘龙岩 ‘,‘南平 ‘,‘宁德 ‘,‘莆田 ‘,‘三明‘);
118 if (selectP==‘17‘)
119 { a=17;tempoption=new Option(‘江西‘,‘17‘,false,true); }
120 else
121 { tempoption=new Option(‘江西‘,‘17‘); }
122 eval(‘document.‘+VeryHuo+‘.‘+preP+‘.options[17]=tempoption;‘);
123 cityareacode[16]=new Array(‘1701‘,‘1702‘,‘1703‘,‘1704‘,‘1705‘,‘1706‘,‘1707‘,‘1708‘,‘1709‘,‘1710‘,‘1711‘);
124 cityareaname[16]=new Array(‘南昌‘,‘景德镇‘,‘九江‘,‘萍乡‘,‘新余‘,‘鹰潭‘,‘赣州‘,‘宜春‘,‘吉安‘,‘上饶‘,‘抚州‘);
125 if (selectP==‘18‘)
126 { a=18;tempoption=new Option(‘山东‘,‘18‘,false,true); }
127 else
128 { tempoption=new Option(‘山东‘,‘18‘); }
129 eval(‘document.‘+VeryHuo+‘.‘+preP+‘.options[18]=tempoption;‘);
130 cityareacode[17]=new Array(‘1801‘,‘1802‘,‘1803‘,‘1804‘,‘1805‘,‘1806‘,‘1807‘,‘1808‘,‘1809‘,‘1810‘,‘1811‘,‘1812‘,‘1813‘,‘1814‘,‘1815‘,‘1816‘,‘1817‘);
131 cityareaname[17]=new Array(‘济南‘,‘青岛‘,‘淄博‘,‘德州‘,‘烟台‘,‘潍坊‘,‘济宁‘,‘泰安‘,‘临沂‘,‘菏泽‘,‘威海‘,‘枣庄‘,‘日照‘,‘莱芜‘,‘聊城‘,‘滨州‘,‘东营‘);
132 if (selectP==‘19‘)
133 { a=19;tempoption=new Option(‘河南‘,‘19‘,false,true); }
134 else
135 { tempoption=new Option(‘河南‘,‘19‘); }
136 eval(‘document.‘+VeryHuo+‘.‘+preP+‘.options[19]=tempoption;‘);
137 cityareacode[18]=new Array(‘1901‘,‘1902‘,‘1903‘,‘1904‘,‘1905‘,‘1906‘,‘1907‘,‘1908‘,‘1909‘,‘1910‘,‘1911‘,‘1912‘,‘1913‘,‘1914‘,‘1915‘,‘1916‘,‘1917‘,‘1918‘);
138 cityareaname[18]=new Array(‘郑州‘,‘开封‘,‘洛阳‘,‘平顶山‘,‘安阳‘,‘鹤壁‘,‘新乡‘,‘焦作‘,‘濮阳‘,‘许昌‘,‘漯河‘,‘三门峡‘,‘南阳‘,‘商丘‘,‘周口‘,‘驻马店‘,‘信阳‘,‘济源‘);
139 if (selectP==‘20‘)
140 { a=20;tempoption=new Option(‘湖北‘,‘20‘,false,true); }
141 else
142 { tempoption=new Option(‘湖北‘,‘20‘); }
143 eval(‘document.‘+VeryHuo+‘.‘+preP+‘.options[20]=tempoption;‘);
144 cityareacode[19]=new Array(‘2001‘,‘2002‘,‘2003‘,‘2004‘,‘2005‘,‘2006‘,‘2007‘,‘2008‘,‘2009‘,‘2010‘,‘2011‘,‘2012‘,‘2013‘,‘2014‘,‘2015‘,‘2016‘,‘2017‘);
145 cityareaname[19]=new Array(‘武汉‘,‘黄石‘,‘十堰‘,‘荆州‘,‘宜昌‘,‘襄樊‘,‘鄂州‘,‘荆门‘,‘孝感‘,‘黄冈‘,‘咸宁‘,‘恩施‘,‘随州‘,‘仙桃‘,‘天门‘,‘潜江‘,‘神农架‘);
146 if (selectP==‘21‘)
147 { a=21;tempoption=new Option(‘湖南‘,‘21‘,false,true); }
148 else
149 { tempoption=new Option(‘湖南‘,‘21‘); }
150 eval(‘document.‘+VeryHuo+‘.‘+preP+‘.options[21]=tempoption;‘);
151 cityareacode[20]=new Array(‘2101‘,‘2102‘,‘2103‘,‘2104‘,‘2105‘,‘2106‘,‘2107‘,‘2108‘,‘2109‘,‘2110‘,‘2111‘,‘2112‘,‘2113‘);
152 cityareaname[20]=new Array(‘长沙‘,‘株州‘,‘湘潭‘,‘衡阳‘,‘邵阳‘,‘岳阳‘,‘常德‘,‘郴州‘,‘益阳‘,‘永州‘,‘怀化‘,‘娄底‘,‘湘西 ‘);
153 if (selectP==‘22‘)
154 { a=22;tempoption=new Option(‘广西‘,‘22‘,false,true); }
155 else
156 { tempoption=new Option(‘广西‘,‘22‘); }
157 eval(‘document.‘+VeryHuo+‘.‘+preP+‘.options[22]=tempoption;‘);
158 cityareacode[21]=new Array(‘2201‘,‘2202‘,‘2203‘,‘2204‘,‘2205‘,‘2206‘,‘2207‘,‘2208‘,‘2209‘,‘2210‘,‘2211‘,‘2212‘);
159 cityareaname[21]=new Array(‘南宁‘,‘柳州‘,‘桂林‘,‘梧州‘,‘北海‘,‘防城港‘,‘钦州‘,‘贵港‘,‘玉林‘,‘贺州‘,‘百色‘,‘河池‘);
160 if (selectP==‘23‘)
161 { a=23;tempoption=new Option(‘海南‘,‘23‘,false,true); }
162 else
163 { tempoption=new Option(‘海南‘,‘23‘); }
164 eval(‘document.‘+VeryHuo+‘.‘+preP+‘.options[23]=tempoption;‘);
165 cityareacode[22]=new Array(‘2301‘,‘2302‘,‘2303‘,‘2304‘,‘2305‘,‘2306‘,‘2307‘,‘2308‘,‘2309‘);
166 cityareaname[22]=new Array(‘海口 ‘,‘三亚‘,‘通什‘,‘琼海‘,‘琼山‘,‘文昌‘,‘万宁‘,‘东方‘,‘儋州‘);
167 if (selectP==‘24‘)
168 { a=24;tempoption=new Option(‘四川‘,‘24‘,false,true); }
169 else
170 { tempoption=new Option(‘四川‘,‘24‘); }
171 eval(‘document.‘+VeryHuo+‘.‘+preP+‘.options[24]=tempoption;‘);
172 cityareacode[23]=new Array(‘2401‘,‘2402‘,‘2403‘,‘2404‘,‘2405‘,‘2406‘,‘2407‘,‘2408‘,‘2409‘,‘2410‘,‘2411‘,‘2412‘,‘2413‘,‘2414‘,‘2415‘,‘2416‘,‘2417‘,‘2418‘,‘2419‘,‘2420‘);
173 cityareaname[23]=new Array(‘成都‘,‘自贡‘,‘攀枝花‘,‘泸州‘,‘德阳‘,‘绵阳‘,‘广元‘,‘遂宁‘,‘内江‘,‘乐山‘,‘南充  ‘,‘宜宾‘,‘广安‘,‘达川‘,‘巴中‘,‘雅安‘,‘眉山  ‘,‘阿坝 ‘,‘甘孜 ‘,‘凉山 ‘);
174 if (selectP==‘25‘)
175 { a=25;tempoption=new Option(‘贵州‘,‘25‘,false,true); }
176 else
177 { tempoption=new Option(‘贵州‘,‘25‘); }
178 eval(‘document.‘+VeryHuo+‘.‘+preP+‘.options[25]=tempoption;‘);
179 cityareacode[24]=new Array(‘2501‘,‘2502‘,‘2503‘,‘2504‘,‘2505‘,‘2506‘,‘2507‘,‘2508‘,‘2509‘);
180 cityareaname[24]=new Array(‘贵阳 ‘,‘六盘水‘,‘遵义‘,‘铜仁‘,‘毕节‘,‘安顺‘,‘黔西南 ‘,‘黔东南‘,‘黔南‘);
181 if (selectP==‘26‘)
182 { a=26;tempoption=new Option(‘云南‘,‘26‘,false,true); }
183 else
184 { tempoption=new Option(‘云南‘,‘26‘); }
185 eval(‘document.‘+VeryHuo+‘.‘+preP+‘.options[26]=tempoption;‘);
186 cityareacode[25]=new Array(‘2601‘,‘2602‘,‘2603‘,‘2604‘,‘2605‘,‘2606‘,‘2607‘,‘2608‘,‘2609‘,‘2610‘,‘2611‘,‘2612‘,‘2613‘,‘2614‘,‘2615‘,‘2616‘,‘2617‘);
187 cityareaname[25]=new Array(‘昆明‘,‘东川‘,‘曲靖‘,‘玉溪‘,‘昭通‘,‘思茅‘,‘临沧‘,‘保山‘,‘丽江‘,‘文山 ‘,‘红河 ‘,‘西双版纳 ‘,‘楚雄 ‘,‘大理 ‘,‘德宏 ‘,‘怒江‘,‘迪庆‘);
188 if (selectP==‘27‘)
189 { a=27;tempoption=new Option(‘西藏‘,‘27‘,false,true); }
190 else
191 { tempoption=new Option(‘西藏‘,‘27‘); }
192 eval(‘document.‘+VeryHuo+‘.‘+preP+‘.options[27]=tempoption;‘);
193 cityareacode[26]=new Array(‘2701‘,‘2702‘,‘2703‘,‘2704‘,‘2705‘,‘2706‘,‘2707‘);
194 cityareaname[26]=new Array(‘拉萨‘,‘那曲‘,‘昌都‘,‘山南‘,‘日喀则‘,‘阿里‘,‘林芝‘);
195 if (selectP==‘28‘)
196 { a=28;tempoption=new Option(‘陕西‘,‘28‘,false,true); }
197 else
198 { tempoption=new Option(‘陕西‘,‘28‘); }
199 eval(‘document.‘+VeryHuo+‘.‘+preP+‘.options[28]=tempoption;‘);
200 cityareacode[27]=new Array(‘2801‘,‘2802‘,‘2803‘,‘2804‘,‘2805‘,‘2806‘,‘2807‘,‘2808‘,‘2809‘,‘2810‘);
201 cityareaname[27]=new Array(‘西安‘,‘铜川‘,‘宝鸡‘,‘咸阳‘,‘渭南‘,‘延安‘,‘汉中‘,‘榆林‘,‘商洛‘,‘安康‘);
202 if (selectP==‘29‘)
203 { a=29;tempoption=new Option(‘甘肃‘,‘29‘,false,true); }
204 else
205 { tempoption=new Option(‘甘肃‘,‘29‘); }
206 eval(‘document.‘+VeryHuo+‘.‘+preP+‘.options[29]=tempoption;‘);
207 cityareacode[28]=new Array(‘2901‘,‘2902‘,‘2903‘,‘2904‘,‘2905‘,‘2906‘,‘2907‘,‘2908‘,‘2909‘,‘2910‘,‘2911‘,‘2912‘,‘2913‘,‘2914‘);
208 cityareaname[28]=new Array(‘兰州‘,‘金昌‘,‘白银‘,‘天水‘,‘嘉峪关‘,‘定西‘,‘平凉‘,‘庆阳‘,‘陇南‘,‘武威‘,‘张掖‘,‘酒泉‘,‘甘南 ‘,‘临夏‘);
209 if (selectP==‘30‘)
210 { a=30;tempoption=new Option(‘青海‘,‘30‘,false,true); }
211 else
212 { tempoption=new Option(‘青海‘,‘30‘); }
213 eval(‘document.‘+VeryHuo+‘.‘+preP+‘.options[30]=tempoption;‘);
214 cityareacode[29]=new Array(‘3001‘,‘3002‘,‘3003‘,‘3004‘,‘3005‘,‘3006‘,‘3007‘,‘3008‘);
215 cityareaname[29]=new Array(‘西宁‘,‘海东‘,‘ 海北 ‘,‘黄南‘,‘海南‘,‘果洛‘,‘玉树‘,‘海西‘);
216 if (selectP==‘31‘)
217 { a=31;tempoption=new Option(‘宁夏‘,‘31‘,false,true); }
218 else
219 { tempoption=new Option(‘宁夏‘,‘31‘); }
220 eval(‘document.‘+VeryHuo+‘.‘+preP+‘.options[31]=tempoption;‘);
221 cityareacode[30]=new Array(‘3101‘,‘3102‘,‘3103‘,‘3104‘);
222 cityareaname[30]=new Array(‘银川‘,‘石嘴山‘,‘银南‘,‘固原‘);
223 if (selectP==‘32‘)
224 { a=32;tempoption=new Option(‘新疆‘,‘32‘,false,true); }
225 else
226 { tempoption=new Option(‘新疆‘,‘32‘); }
227 eval(‘document.‘+VeryHuo+‘.‘+preP+‘.options[32]=tempoption;‘);
228 cityareacode[31]=new Array(‘3201‘,‘3202‘,‘3203‘,‘3204‘,‘3205‘,‘3206‘,‘3207‘,‘3208‘,‘3209‘,‘3210‘,‘3211‘,‘3212‘,‘3213‘);
229 cityareaname[31]=new Array(‘乌鲁木齐‘,‘克拉玛依‘,‘石河子‘,‘吐鲁番‘,‘哈密‘,‘和田‘,‘阿克苏‘,‘喀什‘,‘克孜勒苏‘,‘巴音郭楞‘,‘昌吉‘,‘博尔塔拉‘,‘伊犁‘);
230 if (selectP==‘33‘)
231 { a=33;tempoption=new Option(‘香港‘,‘33‘,false,true); }
232 else
233 { tempoption=new Option(‘香港‘,‘33‘); }
234 eval(‘document.‘+VeryHuo+‘.‘+preP+‘.options[33]=tempoption;‘);
235 cityareacode[32]=new Array();
236 cityareaname[32]=new Array();
237 if (selectP==‘34‘)
238 { a=34;tempoption=new Option(‘澳门‘,‘34‘,false,true); }
239 else
240 { tempoption=new Option(‘澳门‘,‘34‘); }
241 eval(‘document.‘+VeryHuo+‘.‘+preP+‘.options[34]=tempoption;‘);
242 cityareacode[33]=new Array();
243 cityareaname[33]=new Array();
244 if (selectP==‘35‘)
245 { a=35;tempoption=new Option(‘台湾‘,‘35‘,false,true); }
246 else
247 { tempoption=new Option(‘台湾‘,‘35‘); }
248 eval(‘document.‘+VeryHuo+‘.‘+preP+‘.options[35]=tempoption;‘);
249 cityareacode[34]=new Array();
250 cityareaname[34]=new Array();
251 
252 option(preP,preC,VeryHuo,selectC);//调用初始化city函数
253 
254 }
255 
256 function selectcityarea(preP,preC,VeryHuo)
257 {
258 cityid=eval(‘document.‘+VeryHuo+‘.‘+preP+‘.selectedIndex;‘);
259 j=eval(‘document.‘+VeryHuo+‘.‘+preC+‘.length;‘);
260 for (i=1;i<j;i++)
261 {eval(‘document.‘+VeryHuo+‘.‘+preC+‘.options[j-i]=null;‘)}
262 if (cityid!="0")
263 {
264 for (i=0;i<cityareaname[cityid-1].length;i++)
265 {
266 tempoption=new Option(cityareaname[cityid-1][i],cityareacode[cityid-1][i]);
267 eval(‘document.‘+VeryHuo+‘.‘+preC+‘.options[i+1]=tempoption;‘);
268 }
269 }
270 }
271 
272 function option(preP,preC,VeryHuo,selectC)//新增函数,用于初始化city
273 {  
274     selectcityarea(preP,preC,VeryHuo);//初始化时,用到
275      
276     cityid=eval(‘document.‘+VeryHuo+‘.‘+preP+‘.selectedIndex;‘);
277     //alert(selectC.toString());
278     for (i=0;i<cityareaname[cityid-1].length;i++)
279     { if(selectC==cityareacode[cityid-1][i])
280       {   
281           tempoption=new Option(cityareaname[cityid-1][i],cityareacode[cityid-1][i],false,true);
282           eval(‘document.‘+VeryHuo+‘.‘+preC+‘.options[i+1]=tempoption;‘);
283       }
284     }     
285      
286 }

技术分享

php后台对接数据,只需修改函数的参数即可!

js selection省市2级级联菜单

标签:取数   xhtml   长春   珠海   order   字符   selected   类型   数据   

原文地址:http://www.cnblogs.com/xiaogou/p/7471226.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!