js selection省市2级级联菜单
Posted 心雨星空
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js selection省市2级级联菜单相关的知识,希望对你有一定的参考价值。
主要分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('selectp','selectc','form2');"> 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级级联菜单的主要内容,如果未能解决你的问题,请参考以下文章
html级联搜索,html省市级联(select联动)示例源码