求助JavaScript,实现两个控件的全国省市联动 100分求代码!!具体实现方法!现在有个js的脚本文件,如何调用! 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 都有脚本文件了,你不会用?他不给你DEMO吗<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>省市二级联动菜单</title> <script type="text/javascript">var _City_1 = ["100101:\u6d77\u6dc0\u533a", "110102:\u671d\u9633\u533a", "100103:\u4e1c\u57ce\u533a", "100104:\u897f\u57ce\u533a", "100105:\u5d07\u6587\u533a", "100106:\u5ba3\u6b66\u533a", "100107:\u4e30\u53f0\u533a", "100108:\u77f3\u666f\u5c71\u533a", "100109:\u95e8\u5934\u6c9f\u533a", "100110:\u623f\u5c71\u533a", "100111:\u901a\u5dde\u533a", "100112:\u987a\u4e49\u533a", "100113:\u660c\u5e73\u533a", "100114:\u5927\u5174\u533a", "100115:\u6000\u67d4\u533a", "100116:\u5e73\u8c37\u533a", "100201:\u5bc6\u4e91\u53bf", "100202:\u5ef6\u5e86\u53bf"], _City_2 = ["200101:\u9ec4\u6d66\u533a", "200102:\u5362\u6e7e\u533a", "200103:\u5f90\u6c47\u533a", "200104:\u957f\u5b81\u533a", "200105:\u9759\u5b89\u533a", "200106:\u666e\u9640\u533a", "200107:\u95f8\u5317\u533a", "200108:\u8679\u53e3\u533a", "200109:\u6768\u6d66\u533a", "200110:\u95f5\u884c\u533a", "200111:\u5b9d\u5c71\u533a", "200112:\u5609\u5b9a\u533a", "200113:\u6d66\u4e1c\u65b0\u533a", "200114:\u91d1\u5c71\u533a", "200115:\u677e\u6c5f\u533a", "200116:\u9752\u6d66\u533a", "200117:\u5357\u6c47\u533a", "200118:\u5949\u8d24\u533a", "200201:\u5d07\u660e\u53bf"], _City_3 = ["300104:\u5357\u5f00\u533a", "300101:\u548c\u5e73\u533a", "300102:\u6cb3\u4e1c\u533a", "300103:\u6cb3\u897f\u533a", "300105:\u6cb3\u5317\u533a", "300106:\u7ea2\u6865\u533a", "300107:\u5858\u6cbd\u533a", "300108:\u6c49\u6cbd\u533a", "300109:\u5927\u6e2f\u533a", "300110:\u4e1c\u4e3d\u533a", "300111:\u897f\u9752\u533a", "300112:\u6d25\u5357\u533a", "300113:\u5317\u8fb0\u533a", "300114:\u6b66\u6e05\u533a", "300115:\u5b9d\u577b\u533a", "300201:\u5b81\u6cb3\u53bf", "300202:\u9759\u6d77\u53bf", "300203:\u84df\u53bf"], _City_4 = ["400101:\u4e07\u5dde\u533a", "400102:\u6daa\u9675\u533a", "400103:\u6e1d\u4e2d\u533a", "400104:\u5927\u6e21\u53e3\u533a", "400105:\u6c5f\u5317\u533a", "400106:\u6c99\u576a\u575d\u533a", "400107:\u4e5d\u9f99\u5761\u533a", "400108:\u5357\u5cb8\u533a", "400109:\u5317\u789a\u533a", "400110:\u4e07\u76db\u533a", "400111:\u53cc\u6865\u533a", "400112:\u6e1d\u5317\u533a", "400113:\u5df4\u5357\u533a", "400114:\u9ed4\u6c5f\u533a", "400115:\u957f\u5bff\u533a", "400116:\u6c5f\u6d25\u533a", "400117:\u5408\u5ddd\u533a", "400118:\u6c38\u5ddd\u533a", "400119:\u5357\u5ddd\u533a", "400201:\u7da6\u6c5f\u53bf", "400202:\u6f7c\u5357\u53bf", "400203:\u94dc\u6881\u53bf", "400204:\u5927\u8db3\u53bf", "400205:\u8363\u660c\u53bf", "400206:\u74a7\u5c71\u53bf", "400207:\u6881\u5e73\u53bf", "400208:\u57ce\u53e3\u53bf", "400209:\u4e30\u90fd\u53bf", "400210:\u57ab\u6c5f\u53bf", "400211:\u6b66\u9686\u53bf", "400212:\u5fe0\u53bf", "400213:\u5f00\u53bf", "400214:\u4e91\u9633\u53bf", "400215:\u5949\u8282\u53bf", "400216:\u5deb\u5c71\u53bf", "400217:\u5deb\u6eaa\u53bf", "400218:\u77f3\u67f1\u571f\u5bb6\u65cf\u81ea\u6cbb\u53bf", "400219:\u79c0\u5c71\u571f\u5bb6\u65cf\u82d7\u65cf\u81ea\u6cbb\u53bf", "400220:\u9149\u9633\u571f\u5bb6\u65cf\u82d7\u65cf\u81ea\u6cbb\u53bf", "400221:\u5f6d\u6c34\u82d7\u65cf\u571f\u5bb6\u65cf\u81ea\u6cbb\u53bf"], _City_5 = ["150001:\u54c8\u5c14\u6ee8\u5e02", "150002:\u7ee5\u5316\u5e02", "150003:\u9f50\u9f50\u54c8\u5c14\u5e02", "150004:\u7261\u4e39\u6c5f\u5e02", "150005:\u4f0a\u6625\u5e02", "150006:\u4f73\u6728\u65af\u5e02", "150007:\u9e21\u897f\u5e02", "150008:\u9e64\u5c97\u5e02", "150009:\u53cc\u9e2d\u5c71\u5e02", "150010:\u5927\u5e86\u5e02", "150011:\u4e03\u53f0\u6cb3\u5e02", "150012:\u9ed1\u6cb3\u5e02", "150101:\u5927\u5174\u5b89\u5cad\u5730\u533a"], _City_6 = ["130001:\u957f\u6625\u5e02", "130002:\u5409\u6797\u5e02", "130003:\u56db\u5e73\u5e02", "130004:\u8fbd\u6e90\u5e02", "130005:\u901a\u5316\u5e02", "130006:\u767d\u5c71\u5e02", "130007:\u677e\u539f\u5e02", "130008:\u767d\u57ce\u5e02", "130101:\u5ef6\u8fb9\u671d\u9c9c\u65cf\u81ea\u6cbb\u5dde"], _City_7 = ["110001:\u6c88\u9633\u5e02", "110002:\u5927\u8fde\u5e02", "110003:\u978d\u5c71\u5e02", "110004:\u629a\u987a\u5e02", "110005:\u672c\u6eaa\u5e02", "110006:\u4e39\u4e1c\u5e02", "110007:\u9526\u5dde\u5e02", "110008:\u8425\u53e3\u5e02", "110009:\u961c\u65b0\u5e02", "110010:\u8fbd\u9633\u5e02", "110011:\u76d8\u9526\u5e02", "110012:\u94c1\u5cad\u5e02", "110013:\u671d\u9633\u5e02", "110014:\u846b\u82a6\u5c9b\u5e02"], _City_8 = ["250001:\u6d4e\u5357\u5e02", "250002:\u9752\u5c9b\u5e02", "250003:\u6dc4\u535a\u5e02", "250004:\u67a3\u5e84\u5e02", "250005:\u4e1c\u8425\u5e02", "250006:\u70df\u53f0\u5e02", "250007:\u6f4d\u574a\u5e02", "250008:\u6d4e\u5b81\u5e02", "250009:\u6cf0\u5b89\u5e02", "250010:\u5a01\u6d77\u5e02", "250011:\u65e5\u7167\u5e02", "250012:\u83b1\u829c\u5e02", "250013:\u4e34\u6c82\u5e02", "250014:\u5fb7\u5dde\u5e02", "250015:\u804a\u57ce\u5e02", "250016:\u6ee8\u5dde\u5e02", "250017:\u83cf\u6cfd\u5e02"], _City_9 = ["030001:\u592a\u539f\u5e02", "030002:\u5927\u540c\u5e02", "030003:\u9633\u6cc9\u5e02", "030004:\u957f\u6cbb\u5e02", "030005:\u664b\u57ce\u5e02", "030006:\u6714\u5dde\u5e02", "030007:\u664b\u4e2d\u5e02", "030008:\u8fd0\u57ce\u5e02", "030009:\u5ffb\u5dde\u5e02", "030010:\u4e34\u6c7e\u5e02", "030011:\u5415\u6881\u5e02"], _City_10 = ["710001:\u897f\u5b89\u5e02", "710002:\u94dc\u5ddd\u5e02", "710003:\u5b9d\u9e21\u5e02", "710004:\u54b8\u9633\u5e02", "710005:\u6e2d\u5357\u5e02", "710006:\u5ef6\u5b89\u5e02", "710007:\u6c49\u4e2d\u5e02", "710008:\u6986\u6797\u5e02", "710009:\u5b89\u5eb7\u5e02", "710010:\u5546\u6d1b\u5e02"], _City_11 = ["050001:\u77f3\u5bb6\u5e84\u5e02", "050002:\u5510\u5c71\u5e02", "050003:\u79e6\u7687\u5c9b\u5e02", "050004:\u90af\u90f8\u5e02", "050005:\u90a2\u53f0\u5e02", "050006:\u4fdd\u5b9a\u5e02", "050007:\u5f20\u5bb6\u53e3\u5e02", "050008:\u627f\u5fb7\u5e02", "050009:\u6ca7\u5dde\u5e02", "050010:\u5eca\u574a\u5e02", "050011:\u8861\u6c34\u5e02"], _City_12 = ["450001:\u90d1\u5dde\u5e02", "450002:\u5f00\u5c01\u5e02", "450003:\u6d1b\u9633\u5e02", "450004:\u5e73\u9876\u5c71\u5e02", "450005:\u5b89\u9633\u5e02", "450006:\u9e64\u58c1\u5e02", "450007:\u65b0\u4e61\u5e02", "450008:\u7126\u4f5c\u5e02", "450008:\u6d4e\u6e90\u5e02", "450009:\u6fee\u9633\u5e02", "450010:\u8bb8\u660c\u5e02", "450011:\u6f2f\u6cb3\u5e02", "450012:\u4e09\u95e8\u5ce1\u5e02", "450013:\u5357\u9633\u5e02", "450014:\u5546\u4e18\u5e02", "450015:\u4fe1\u9633\u5e02", "450016:\u5468\u53e3\u5e02", "450017:\u9a7b\u9a6c\u5e97\u5e02"], _City_13 = ["430001:\u6b66\u6c49\u5e02", "430002:\u9ec4\u77f3\u5e02", "430003:\u5341\u5830\u5e02", "430005:\u5b9c\u660c\u5e02", "430006:\u8944\u6a0a\u5e02", "430007:\u9102\u5dde\u5e02", "430008:\u8346\u95e8\u5e02", "430009:\u5b5d\u611f\u5e02", "430010:\u8346\u5dde\u5e02", "430011:\u9ec4\u5188\u5e02", "430012:\u54b8\u5b81\u5e02", "430013:\u968f\u5dde\u5e02", "430014:\u4ed9\u6843\u5e02", "430015:\u6f5c\u6c5f\u5e02", "430016:\u5929\u95e8\u5e02", "430101:\u6069\u65bd\u571f\u5bb6\u65cf\u82d7\u65cf\u81ea\u6cbb\u5dde", "430102:\u795e\u519c\u67b6\u6797\u533a"], _City_14 = ["430001:\u957f\u6c99\u5e02", "430002:\u682a\u6d32\u5e02", "430003:\u6e58\u6f6d\u5e02", "430004:\u8861\u9633\u5e02", "430005:\u90b5\u9633\u5e02", "430006:\u5cb3\u9633\u5e02", "430007:\u5e38\u5fb7\u5e02", "430008:\u5f20\u5bb6\u754c\u5e02", "430009:\u76ca\u9633\u5e02", "430010:\u90f4\u5dde\u5e02", "430011:\u6c38\u5dde\u5e02", "430012:\u6000\u5316\u5e02", "430013:\u5a04\u5e95\u5e02", "430101:\u6e58\u897f\u571f\u5bb6\u65cf\u82d7\u65cf\u81ea\u6cbb\u5dde"], _City_15 = ["570001:\u6d77\u53e3\u5e02", "570002:\u4e09\u4e9a\u5e02", "570003:\u4e94\u6307\u5c71\u5e02", "570004:\u743c\u6d77\u5e02", "570005:\u510b\u5dde\u5e02", "570006:\u6587\u660c\u5e02", "570007:\u4e07\u5b81\u5e02", "570008:\u4e1c\u65b9\u5e02"], _City_16 = ["210001:\u5357\u4eac\u5e02", "210002:\u65e0\u9521\u5e02", "210003:\u5f90\u5dde\u5e02", "210004:\u5e38\u5dde\u5e02", "210005:\u82cf\u5dde\u5e02", "210006:\u5357\u901a\u5e02", "210007:\u8fde\u4e91\u6e2f\u5e02", "210008:\u6dee\u5b89\u5e02", "210009:\u76d0\u57ce\u5e02", "210010:\u626c\u5dde\u5e02", "210011:\u9547\u6c5f\u5e02", "210012:\u6cf0\u5dde\u5e02", "210013:\u5bbf\u8fc1\u5e02"], _City_17 = ["330001:\u5357\u660c\u5e02", "330002:\u666f\u5fb7\u9547\u5e02", "330003:\u840d\u4e61\u5e02", "330004:\u4e5d\u6c5f\u5e02", "330005:\u65b0\u4f59\u5e02", "330006:\u9e70\u6f6d\u5e02", "330007:\u8d63\u5dde\u5e02", "330008:\u5409\u5b89\u5e02", "330009:\u5b9c\u6625\u5e02", "330010:\u629a\u5dde\u5e02", "330011:\u4e0a\u9976\u5e02"], _City_18 = ["510001:\u5e7f\u5dde\u5e02", "510002:\u97f6\u5173\u5e02", "510003:\u6df1\u5733\u5e02", "510004:\u73e0\u6d77\u5e02", "510005:\u6c55\u5934\u5e02", "510006:\u4f5b\u5c71\u5e02", "510007:\u6c5f\u95e8\u5e02", "510008:\u6e5b\u6c5f\u5e02", "510009:\u8302\u540d\u5e02", "510010:\u8087\u5e86\u5e02", "510011:\u60e0\u5dde\u5e02", "510012:\u6885\u5dde\u5e02", "510013:\u6c55\u5c3e\u5e02", "510014:\u6cb3\u6e90\u5e02", "510015:\u9633\u6c5f\u5e02", "510016:\u6e05\u8fdc\u5e02", "510017:\u4e1c\u839e\u5e02", "510018:\u4e2d\u5c71\u5e02", "510019:\u6f6e\u5dde\u5e02", "510020:\u63ed\u9633\u5e02", "510021:\u4e91\u6d6e\u5e02"], _City_19 = ["530001:\u5357\u5b81\u5e02", "530002:\u67f3\u5dde\u5e02", "530003:\u6842\u6797\u5e02", "530004:\u68a7\u5dde\u5e02", "530005:\u5317\u6d77\u5e02", "530006:\u9632\u57ce\u6e2f\u5e02", "530007:\u94a6\u5dde\u5e02", "530008:\u8d35\u6e2f\u5e02", "530009:\u7389\u6797\u5e02", "530010:\u767e\u8272\u5e02", "530011:\u8d3a\u5dde\u5e02", "530012:\u6cb3\u6c60\u5e02", "530013:\u6765\u5bbe\u5e02", "530014:\u5d07\u5de6\u5e02"], _City_20 = ["650001:\u6606\u660e\u5e02", "650003:\u66f2\u9756\u5e02", "650004:\u7389\u6eaa\u5e02", "650005:\u4fdd\u5c71\u5e02", "650006:\u662d\u901a\u5e02", "650007:\u4e3d\u6c5f\u5e02", "650008:\u601d\u8305\u5e02", "650009:\u4e34\u6ca7\u5e02"], _City_21 = ["550001:\u8d35\u9633\u5e02", "550002:\u516d\u76d8\u6c34\u5e02", "550003:\u9075\u4e49\u5e02", "550004:\u5b89\u987a\u5e02", "5500101:\u94dc\u4ec1\u5730\u533a", "550102:\u6bd5\u8282\u5730\u533a"], _City_22 = ["610001:\u6210\u90fd\u5e02", "610002:\u81ea\u8d21\u5e02", "610003:\u6500\u679d\u82b1\u5e02", "610004:\u6cf8\u5dde\u5e02", "610005:\u5fb7\u9633\u5e02", "610006:\u7ef5\u9633\u5e02", "610007:\u5e7f\u5143\u5e02", "610008:\u9042\u5b81\u5e02", "610009:\u5185\u6c5f\u5e02", "610010:\u4e50\u5c71\u5e02", "610011:\u5357\u5145\u5e02", "610012:\u7709\u5c71\u5e02", "610013:\u5b9c\u5bbe\u5e02", "610014:\u5e7f\u5b89\u5e02", "610015:\u8fbe\u5dde\u5e02", "610016:\u96c5\u5b89\u5e02", "610017:\u5df4\u4e2d\u5e02", "610018:\u8d44\u9633\u5e02", "610101:\u963f\u575d\u85cf\u65cf\u7f8c\u65cf\u81ea\u6cbb\u5dde", "610102:\u7518\u5b5c\u85cf\u65cf\u81ea\u6cbb\u5dde", "610103:\u51c9\u5c71\u5f5d\u65cf\u81ea\u6cbb\u5dde"], _City_23 = ["010001:\u547c\u548c\u6d69\u7279\u5e02", "010002:\u5305\u5934\u5e02", "010003:\u4e4c\u6d77\u5e02", "010004:\u8d64\u5cf0\u5e02", "010005:\u901a\u8fbd\u5e02", "1010006:\u9102\u5c14\u591a\u65af\u5e02", "010007:\u547c\u4f26\u8d1d\u5c14\u5e02", "010008:\u5df4\u5f66\u6dd6\u5c14\u5e02", "010009:\u4e4c\u5170\u5bdf\u5e03\u5e02", "010101:\u5174\u5b89\u76df", "010102:\u9521\u6797\u90ed\u52d2\u76df", "010103:\u963f\u62c9\u5584\u76df"], _City_24 = ["750001:\u94f6\u5ddd\u5e02", "750002:\u77f3\u5634\u5c71\u5e02", "750003:\u5434\u5fe0\u5e02", "750004:\u56fa\u539f\u5e02", "750005:\u4e2d\u536b\u5e02"], _City_25 = ["730001:\u5170\u5dde\u5e02", "730002:\u5609\u5cea\u5173\u5e02", "730003:\u91d1\u660c\u5e02", "730004:\u767d\u94f6\u5e02", "730005:\u5929\u6c34\u5e02", "730006:\u6b66\u5a01\u5e02", "730007:\u5f20\u6396\u5e02", "730008:\u5e73\u51c9\u5e02", "730009:\u9152\u6cc9\u5e02", "730010:\u5e86\u9633\u5e02", "730011:\u5b9a\u897f\u5e02", "730012:\u9647\u5357\u5e02", "730101:\u4e34\u590f\u56de\u65cf\u81ea\u6cbb\u5dde", "730102:\u7518\u5357\u85cf\u65cf\u81ea\u6cbb\u5dde"], _City_26 = ["810001:\u897f\u5b81\u5e02", "810021:\u6d77\u4e1c\u5730\u533a", "810022:\u6d77\u5317\u85cf\u65cf\u81ea\u6cbb\u5dde", "810023:\u9ec4\u5357\u85cf\u65cf\u81ea\u6cbb\u5dde", "810025:\u6d77\u5357\u85cf\u65cf\u81ea\u6cbb\u5dde", "810026:\u679c\u6d1b\u85cf\u65cf\u81ea\u6cbb\u5dde", "810027:\u7389\u6811\u85cf\u65cf\u81ea\u6cbb\u5dde", "810028:\u6d77\u897f\u8499\u53e4\u65cf\u85cf\u65cf\u81ea\u6cbb\u5dde"], _City_27 = ["850001:\u62c9\u8428\u5e02", "850101:\u660c\u90fd\u5730\u533a", "850102:\u5c71\u5357\u5730\u533a", "850103:\u65e5\u5580\u5219\u5730\u533a", "850104:\u90a3\u66f2\u5730\u533a", "850105:\u963f\u91cc\u5730\u533a", "850106:\u6797\u829d\u5730\u533a"], _City_28 = ["830001:\u4e4c\u9c81\u6728\u9f50\u5e02", "830002:\u514b\u62c9\u739b\u4f9d\u5e02", "830003:\u77f3\u6cb3\u5b50\u5e02", "830004:\u963f\u62c9\u5c14\u5e02", "830005:\u56fe\u6728\u8212\u514b\u5e02", "830006:\u4e94\u5bb6\u6e20\u5e02", "830101:\u5410\u9c81\u756a\u5730\u533a", "830102:\u54c8\u5bc6\u5730\u533a", "830103:\u660c\u5409\u56de\u65cf\u81ea\u6cbb\u5dde", "830104:\u535a\u5c14\u5854\u62c9\u8499\u53e4\u81ea\u6cbb\u5dde", "830105:\u5df4\u97f3\u90ed\u695e\u8499\u53e4\u81ea\u6cbb\u5dde", "830106:\u963f\u514b\u82cf\u5730\u533a", "830107:\u514b\u5b5c\u52d2\u82cf\u67ef\u5c14\u514b\u5b5c\u81ea\u6cbb\u5dde", "830108:\u5580\u4ec0\u5730\u533a", "830109:\u548c\u7530\u5730\u533a", "830110:\u4f0a\u7281\u54c8\u8428\u514b\u81ea\u6cbb\u5dde", "830111:\u5854\u57ce\u5730\u533a", "830112:\u963f\u52d2\u6cf0\u5730\u533a"], _City_29 = ["230001:\u5408\u80a5\u5e02", "230002:\u829c\u6e56\u5e02", "230003:\u868c\u57e0\u5e02", "230004:\u6dee\u5357\u5e02", "230005:\u9a6c\u978d\u5c71\u5e02", "230006:\u6dee\u5317\u5e02", "230007:\u94dc\u9675\u5e02", "230008:\u5b89\u5e86\u5e02", "230010:\u9ec4\u5c71\u5e02", "230010:\u6ec1\u5dde\u5e02", "230011:\u961c\u9633\u5e02", "230012:\u5bbf\u5dde\u5e02", "230013:\u5de2\u6e56\u5e02", "230014:\u516d\u5b89\u5e02", "230015:\u4eb3\u5dde\u5e02", "230016:\u6c60\u5dde\u5e02", "230017:\u5ba3\u57ce\u5e02"], _City_30 = ["310001:\u676d\u5dde\u5e02", "310002:\u5b81\u6ce2\u5e02", "310003:\u6e29\u5dde\u5e02", "310004:\u5609\u5174\u5e02", "310005:\u6e56\u5dde\u5e02", "310006:\u7ecd\u5174\u5e02", "310007:\u91d1\u534e\u5e02", "310008:\u8862\u5dde\u5e02", "310009:\u821f\u5c71\u5e02", "310010:\u53f0\u5dde\u5e02", "310011:\u4e3d\u6c34\u5e02"], _City_31 = ["360001:\u798f\u5dde\u5e02", "360002:\u53a6\u95e8\u5e02", "360003:\u8386\u7530\u5e02", "360004:\u4e09\u660e\u5e02", "360005:\u6cc9\u5dde\u5e02", "360006:\u6f33\u5dde\u5e02", "360007:\u5357\u5e73\u5e02", "360008:\u9f99\u5ca9\u5e02", "360009:\u5b81\u5fb7\u5e02"]; function $($) { return typeof ($) == "string" ? document.getElementById($) : $ } var ProvinceCityComponent = new Object(), comProvinceElementId = 0, comCityElementId = 0; ProvinceCityComponent.init = function(C, I) { comProvinceElementId = C; comCityElementId = I; var B = ["\u5317\u4eac", "\u4e0a\u6d77", "\u5929\u6d25", "\u91cd\u5e86", "\u9ed1\u9f99\u6c5f", "\u5409\u6797", "\u8fbd\u5b81", "\u5c71\u4e1c", "\u5c71\u897f", "\u9655\u897f", "\u6cb3\u5317", "\u6cb3\u5357", "\u6e56\u5317", "\u6e56\u5357", "\u6d77\u5357", "\u6c5f\u82cf", "\u6c5f\u897f", "\u5e7f\u4e1c", "\u5e7f\u897f", "\u4e91\u5357", "\u8d35\u5dde", "\u56db\u5ddd", "\u5185\u8499\u53e4", "\u5b81\u590f", "\u7518\u8083", "\u9752\u6d77", "\u897f\u85cf", "\u65b0\u7586", "\u5b89\u5fbd", "\u6d59\u6c5f", "\u798f\u5efa"], _ = $(comProvinceElementId), D = _.selectedIndex, A = _.options, E = A.length; if (D >= 0) { try { for (var H = E; H > 1; H--) _.remove(H - 1); E = A.length; for (H = 0; H < B.length; H++) { var G = document.createElement("OPTION"); _.options.add(G); G.value = H + 1; G.text = B[H].toString() } } catch (F) { alert("[init]" + F.message) } } window.attachEvent ? $(C).attachEvent("onchange", ProvinceCityComponent.CreateCityList) : $(C).addEventListener("change", ProvinceCityComponent.CreateCityList, false) }; ProvinceCityComponent.CreateCityList = function(e) { var provinceSelectedIndex = $(comProvinceElementId).selectedIndex; if (provinceSelectedIndex >= 1 && provinceSelectedIndex <= 31) { try { var cityArr = eval("_City_" + provinceSelectedIndex), cityArrLen = cityArr.length, oCitySelect = $(comCityElementId), oColl = oCitySelect.options, oCollLen = oColl.length; for (var i = oCollLen; i > 1; i--) oCitySelect.remove(i - 1); oCollLen = oColl.length; var subArr = []; for (var j = 0; j < cityArrLen; j++) { var oOption = document.createElement("OPTION"); oCitySelect.options.add(oOption); subArr = cityArr[j].split(":"); oOption.value = subArr[0].toString(); oOption.text = subArr[1].toString() } } catch (e) { alert("[CityList]" + e.message) } } else if (provinceSelectedIndex > 0) { try { cityArr = eval("_City_" + provinceSelectedIndex), cityArrLen = cityArr.length, oCitySelect = $(comCityElementId), oColl = oCitySelect.options, oCollLen = oColl.length; for (i = oCollLen; i > 1; i--) oCitySelect.remove(i - 1); oCollLen = oColl.length; subArr = []; for (j = 0; j < cityArrLen; j++) { oOption = document.createElement("OPTION"); oCitySelect.options.add(oOption); subArr = cityArr[j].split(":"); oOption.value = subArr[0].toString(); oOption.text = subArr[1].toString() } } catch (e) { alert("[CityList]" + e.message) } } } </script></head><body> <label for="province">省</label><select id="province"><option value="0">请选择省份</option></select> <label for="city">市</label><select id="city"><option value="0">请选择市</option></select></body></html><script type="text/javascript"> //<![CDATA[ ProvinceCityComponent.init("province", "city"); //]]></script> 写过一个,用JQUERY 写的 很简单。index.php<script type="text/javascript" src="jquery.pack.js"></script><script>function change(){var dx=$("select[@name=province]").val(); $.get("change.php?randID="+Math.random(),{selectwd:dx},function(data){ // alert(data) $("#sl2").html(data); });}</script><?php $conn=mysql_connect("..");//链接数据库 mysql_select_db("app_lazygo");//选择数据库 mysql_query("set names 'utf8'");//设定字符集 $sql="select * from province";//查询数据库province表也就是省 $result=mysql_query($sql);//执行语句赋值给变量 ?> <div id="sl1" style=" display:inline; width:150px"> 省份:<select id='province' name=province onChange="change();" style="width:100px;"> <!--输出下拉列表项值--> <option value='-1' selected>请选择省份</option> <?php while($row=mysql_fetch_row($result)){ //循环循环查询显示省输出数据显示 echo "<option value='$row[1]'>$row[2]</option>\n"; } ?> </select><!--下拉列表项尾数--> </div> <div id="sl2" style=" display:inline;width:150px" > 城市:<SELECT id="city" name=city style="width:100px;"> <OPTION value="-1">请选择城市</OPTION> </SELECT> </div>change.php <?php $provincecode=$_GET['selectwd'];//接收省键值 $conn=mysql_connect("..");//链接数据库 mysql_select_db("app_lazygo");//选择数据库 mysql_query("set names 'utf8'");//设定字符集 if($provincecode!=""){//如果传递过来的不为空则执行 $sql="select * from city where provincecode=$provincecode";//查询城市符合属于上边传递过来的省的字段 $result=mysql_query($sql);//执行SQL查询语句 print_r($row); ?> 城市:<SELECT id="city" name=city style="width:100px;"> <?php while($row=mysql_fetch_row($result)){//循环记录集?> <option value="<?= $row[1]?>"><?=$row[2]?></option> <?php }?> </select> <?php }?> 郁闷,都是乱码。下拉菜单出来的,js地址在http://www.popub.net/script/PCAS.html有大哥给个傻瓜点的例子么? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" ><head runat="server"><meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> <title> </title></head><body><p >省:<select id='slcProvince'></select>市:<select id='slcCity'></select> </p> </body><script type="text/javascript"> var __provinceAndCity = null;window.onload=function (){ __provinceAndCity = new __ProvinceAndCityClass(); __provinceAndCity.InitData($("slcProvince"),$("slcCity")); include("http://fw.qq.com/ipaddress?t="+Math.random(),'gb2312',function(){ // IPData[0] ip IPData[2] 省 IPData[3] 市 __provinceAndCity.selectProvince.value = IPData[2]; __provinceAndCity.SlcProvinceChanged(); __provinceAndCity.selectCity.value = IPData[3]; }); };var $ = function (id,obj) { obj = obj|| document; return "string" == typeof id ? obj.getElementById(id) : id; }; var $$ = function (name,obj) { obj = obj|| document; return "string" == typeof name ? obj.getElementsByTagName(name) : name; }; // 动态导入jsfunction include(src,encoding,fun) { var s = document.createElement('script'); s.type='text/javascript'; s.charset=encoding; //'gb2312'; s.src = src; var tags =$$('head'); if(typeof(fun)=='function'){ if( document.all ){ s.onreadystatechange = function(){ if(/(complete|loaded)/.test(this.readyState)){ fun(); s.onreadystatechange = null; s.parentNode.removeChild(s); }}; }else{ s.onload = function(){ fun(); s.onload = null; s.parentNode.removeChild(s); }; } } tags[0].appendChild(s); };function __ProvinceAndCityClass(){ //省 this.ProvinceList=["北京市","天津市","上海市","重庆市","河北省","山西省","台湾省","辽宁省","吉林省","黑龙江省","江苏省", "浙江省","安徽省","福建省","江西省","山东省", "河南省","湖北省","湖南省","广东省","甘肃省","四川省","贵州省","海南省","云南省","青海省","陕西省","广西","西藏","宁夏","新疆","内蒙","澳门","香港","国外与其它"]; //市 this.CityList= [ ["北京市"],["天津市"],["上海市"],["重庆市"], ["石家庄市","唐山市","秦皇岛市","邯郸市","邢台市","保定市","张家口市","承德市","沧州市","廊坊市","衡水市"], ["太原市","大同市","阳泉市","长治市","晋城市","朔州市","晋中市","运城市","忻州市","临汾市","吕梁市"], ["台北市","高雄市","基隆市","台中市","台南市","新竹市","嘉义市","台北县","宜兰县","桃园县","新竹县","苗栗县","台中县","彰化县","南投县","云林县","嘉义县","台南县","高雄县","屏东县","澎湖县","台东县","花莲县"], ["沈阳市","大连市","鞍山市","抚顺市","本溪市","丹东市","锦州市","营口市","阜新市","辽阳市","盘锦市","铁岭市","朝阳市","葫芦岛市"], ["长春市","吉林市","四平市","辽源市","通化市","白山市","松原市","白城市","延边朝鲜族自治州"], ["哈尔滨市","齐齐哈尔市","鹤岗市","双鸭山市","鸡西市","大庆市","伊春市","牡丹江市","佳木斯市","七台河市","黑河市","绥化市","大兴安岭地区"], ["南京市","无锡市","徐州市","常州市","苏州市","南通市","连云港市","淮安市","盐城市","扬州市","镇江市","泰州市","宿迁市"], ["杭州市","宁波市","温州市","嘉兴市","湖州市","绍兴市","金华市","衢州市","舟山市","台州市","丽水市"], ["合肥市","芜湖市","蚌埠市","淮南市","马鞍山市","淮北市","铜陵市","安庆市","黄山市","滁州市","阜阳市","宿州市","巢湖市","六安市","亳州市","池州市","宣城市"], ["福州市","厦门市","莆田市","三明市","泉州市","漳州市","南平市","龙岩市","宁德市"], ["南昌市","景德镇市","萍乡市","九江市","新余市","鹰潭市","赣州市","吉安市","宜春市","抚州市","上饶市"], ["济南市","青岛市","淄博市","枣庄市","东营市","烟台市","潍坊市","济宁市","泰安市","威海市","日照市","莱芜市","临沂市","德州市","聊城市","滨州市","菏泽市"], ["郑州市","开封市","洛阳市","平顶山市","安阳市","鹤壁市","新乡市","焦作市","濮阳市","许昌市","漯河市","三门峡市","南阳市","商丘市","信阳市","周口市","驻马店市","济源市"], ["武汉市","黄石市","十堰市","荆州市","宜昌市","襄樊市","鄂州市","荆门市","孝感市","黄冈市","咸宁市","随州市","仙桃市","天门市","潜江市","神农架林区","恩施土家族苗族自治州"], ["长沙市","株洲市","湘潭市","衡阳市","邵阳市","岳阳市","常德市","张家界市","益阳市","郴州市","永州市","怀化市","娄底市","湘西土家族苗族自治州"], ["广州市","深圳市","珠海市","汕头市","韶关市","佛山市","江门市","湛江市","茂名市","肇庆市","惠州市","梅州市","汕尾市","河源市","阳江市","清远市","东莞市","中山市","潮州市","揭阳市","云浮市"], ["兰州市","金昌市","白银市","天水市","嘉峪关市","武威市","张掖市","平凉市","酒泉市","庆阳市","定西市","陇南市","临夏回族自治州","甘南藏族自治州"], ["成都市","自贡市","攀枝花市","泸州市","德阳市","绵阳市","广元市","遂宁市","内江市","乐山市","南充市","眉山市","宜宾市","广安市","达州市","雅安市","巴中市","资阳市","阿坝藏族羌族自治州","甘孜藏族自治州","凉山彝族自治州"], ["贵阳市","六盘水市","遵义市","安顺市","铜仁地区","毕节地区","黔西南布依族苗族自治州","黔东南苗族侗族自治州","黔南布依族苗族自治州"], ["海口市","三亚市","五指山市","琼海市","儋州市","文昌市","万宁市","东方市","澄迈县","定安县","屯昌县","临高县","白沙黎族自治县","昌江黎族自治县","乐东黎族自治县","陵水黎族自治县","保亭黎族苗族自治县","琼中黎族苗族自治县"], ["昆明市","曲靖市","玉溪市","保山市","昭通市","丽江市","思茅市","临沧市","文山壮族苗族自治州","红河哈尼族彝族自治州","西双版纳傣族自治州","楚雄彝族自治州","大理白族自治州","德宏傣族景颇族自治州","怒江傈傈族自治州","迪庆藏族自治州"], ["西宁市","海东地区","海北藏族自治州","黄南藏族自治州","海南藏族自治州","果洛藏族自治州","玉树藏族自治州","海西蒙古族藏族自治州"], ["西安市","铜川市","宝鸡市","咸阳市","渭南市","延安市","汉中市","榆林市","安康市","商洛市"], ["南宁市","柳州市","桂林市","梧州市","北海市","防城港市","钦州市","贵港市","玉林市","百色市","贺州市","河池市","来宾市","崇左市"], ["拉萨市","那曲地区","昌都地区","山南地区","日喀则地区","阿里地区","林芝地区"], ["银川市","石嘴山市","吴忠市","固原市","中卫市"], ["乌鲁木齐市","克拉玛依市","石河子市 ","阿拉尔市","图木舒克市","五家渠市","吐鲁番市","阿克苏市","喀什市","哈密市","和田市","阿图什市","库尔勒市","昌吉市 ","阜康市","米泉市","博乐市","伊宁市","奎屯市","塔城市","乌苏市","阿勒泰市"], ["呼和浩特市","包头市","乌海市","赤峰市","通辽市","鄂尔多斯市","呼伦贝尔市","巴彦淖尔市","乌兰察布市","锡林郭勒盟","兴安盟","阿拉善盟"], ["澳门"], ["香港"], ["国外或其它"] ]; this.selectProvince = null; this.selectCity = null; var obj = this; //初始化数据 this.InitData=function(slcProvince,slcCity) { obj.selectProvince =slcProvince; obj.selectCity = slcCity; for(var index=0;index< obj.ProvinceList.length;index++) { obj.selectProvince.options.add(new Option(this.ProvinceList[index],obj.ProvinceList[index])); } obj.selectProvince.value = obj.ProvinceList[0]; obj.selectProvince.onchange = obj.SlcProvinceChanged; obj.SlcProvinceChanged(); }; this.SlcProvinceChanged = function() { var provinceIndex = obj.selectProvince.selectedIndex; obj.selectCity.options.length = 0; for(var index=0;index< obj.CityList[provinceIndex].length;index++) { obj.selectCity.options.add(new Option(obj.CityList[provinceIndex][index],obj.CityList[provinceIndex][index])); } obj.selectCity.value = obj.CityList[provinceIndex][0]; }; }</script></html> 先引用进来<script src="你那个js脚本文件"></script>然后怎么调用,要看JS里的函数名称是什么,如果是a()的话,就<script>a();</script> EXTJS4 求助 我请教一个小得不能再小的问题 使用拖拽实现拷贝功能时出现的问题 这段Javascript的类定义的方式真是没见过,有人能解释一下吗???? 如果取得父节点下第N个子节点? (vml问题)急急的问:怎么删除动态添加到group里面的内容? 不是高手也可以进,up也有分。 简单问题 javascript可以获得URL请求返回的错误信息么? HTML5画图后交互的问题 获取Form下的所有input 来帮我分析一下这个简单的闭包函数!
他不给你DEMO吗<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>省市二级联动菜单</title>
<script type="text/javascript">
var _City_1 = ["100101:\u6d77\u6dc0\u533a", "110102:\u671d\u9633\u533a", "100103:\u4e1c\u57ce\u533a", "100104:\u897f\u57ce\u533a", "100105:\u5d07\u6587\u533a", "100106:\u5ba3\u6b66\u533a", "100107:\u4e30\u53f0\u533a", "100108:\u77f3\u666f\u5c71\u533a", "100109:\u95e8\u5934\u6c9f\u533a", "100110:\u623f\u5c71\u533a", "100111:\u901a\u5dde\u533a", "100112:\u987a\u4e49\u533a", "100113:\u660c\u5e73\u533a", "100114:\u5927\u5174\u533a", "100115:\u6000\u67d4\u533a", "100116:\u5e73\u8c37\u533a", "100201:\u5bc6\u4e91\u53bf", "100202:\u5ef6\u5e86\u53bf"], _City_2 = ["200101:\u9ec4\u6d66\u533a", "200102:\u5362\u6e7e\u533a", "200103:\u5f90\u6c47\u533a", "200104:\u957f\u5b81\u533a", "200105:\u9759\u5b89\u533a", "200106:\u666e\u9640\u533a", "200107:\u95f8\u5317\u533a", "200108:\u8679\u53e3\u533a", "200109:\u6768\u6d66\u533a", "200110:\u95f5\u884c\u533a", "200111:\u5b9d\u5c71\u533a", "200112:\u5609\u5b9a\u533a", "200113:\u6d66\u4e1c\u65b0\u533a", "200114:\u91d1\u5c71\u533a", "200115:\u677e\u6c5f\u533a", "200116:\u9752\u6d66\u533a", "200117:\u5357\u6c47\u533a", "200118:\u5949\u8d24\u533a", "200201:\u5d07\u660e\u53bf"], _City_3 = ["300104:\u5357\u5f00\u533a", "300101:\u548c\u5e73\u533a", "300102:\u6cb3\u4e1c\u533a", "300103:\u6cb3\u897f\u533a", "300105:\u6cb3\u5317\u533a", "300106:\u7ea2\u6865\u533a", "300107:\u5858\u6cbd\u533a", "300108:\u6c49\u6cbd\u533a", "300109:\u5927\u6e2f\u533a", "300110:\u4e1c\u4e3d\u533a", "300111:\u897f\u9752\u533a", "300112:\u6d25\u5357\u533a", "300113:\u5317\u8fb0\u533a", "300114:\u6b66\u6e05\u533a", "300115:\u5b9d\u577b\u533a", "300201:\u5b81\u6cb3\u53bf", "300202:\u9759\u6d77\u53bf", "300203:\u84df\u53bf"], _City_4 = ["400101:\u4e07\u5dde\u533a", "400102:\u6daa\u9675\u533a", "400103:\u6e1d\u4e2d\u533a", "400104:\u5927\u6e21\u53e3\u533a", "400105:\u6c5f\u5317\u533a", "400106:\u6c99\u576a\u575d\u533a", "400107:\u4e5d\u9f99\u5761\u533a", "400108:\u5357\u5cb8\u533a", "400109:\u5317\u789a\u533a", "400110:\u4e07\u76db\u533a", "400111:\u53cc\u6865\u533a", "400112:\u6e1d\u5317\u533a", "400113:\u5df4\u5357\u533a", "400114:\u9ed4\u6c5f\u533a", "400115:\u957f\u5bff\u533a", "400116:\u6c5f\u6d25\u533a", "400117:\u5408\u5ddd\u533a", "400118:\u6c38\u5ddd\u533a", "400119:\u5357\u5ddd\u533a", "400201:\u7da6\u6c5f\u53bf", "400202:\u6f7c\u5357\u53bf", "400203:\u94dc\u6881\u53bf", "400204:\u5927\u8db3\u53bf", "400205:\u8363\u660c\u53bf", "400206:\u74a7\u5c71\u53bf", "400207:\u6881\u5e73\u53bf", "400208:\u57ce\u53e3\u53bf", "400209:\u4e30\u90fd\u53bf", "400210:\u57ab\u6c5f\u53bf", "400211:\u6b66\u9686\u53bf", "400212:\u5fe0\u53bf", "400213:\u5f00\u53bf", "400214:\u4e91\u9633\u53bf", "400215:\u5949\u8282\u53bf", "400216:\u5deb\u5c71\u53bf", "400217:\u5deb\u6eaa\u53bf", "400218:\u77f3\u67f1\u571f\u5bb6\u65cf\u81ea\u6cbb\u53bf", "400219:\u79c0\u5c71\u571f\u5bb6\u65cf\u82d7\u65cf\u81ea\u6cbb\u53bf", "400220:\u9149\u9633\u571f\u5bb6\u65cf\u82d7\u65cf\u81ea\u6cbb\u53bf", "400221:\u5f6d\u6c34\u82d7\u65cf\u571f\u5bb6\u65cf\u81ea\u6cbb\u53bf"], _City_5 = ["150001:\u54c8\u5c14\u6ee8\u5e02", "150002:\u7ee5\u5316\u5e02", "150003:\u9f50\u9f50\u54c8\u5c14\u5e02", "150004:\u7261\u4e39\u6c5f\u5e02", "150005:\u4f0a\u6625\u5e02", "150006:\u4f73\u6728\u65af\u5e02", "150007:\u9e21\u897f\u5e02", "150008:\u9e64\u5c97\u5e02", "150009:\u53cc\u9e2d\u5c71\u5e02", "150010:\u5927\u5e86\u5e02", "150011:\u4e03\u53f0\u6cb3\u5e02", "150012:\u9ed1\u6cb3\u5e02", "150101:\u5927\u5174\u5b89\u5cad\u5730\u533a"], _City_6 = ["130001:\u957f\u6625\u5e02", "130002:\u5409\u6797\u5e02", "130003:\u56db\u5e73\u5e02", "130004:\u8fbd\u6e90\u5e02", "130005:\u901a\u5316\u5e02", "130006:\u767d\u5c71\u5e02", "130007:\u677e\u539f\u5e02", "130008:\u767d\u57ce\u5e02", "130101:\u5ef6\u8fb9\u671d\u9c9c\u65cf\u81ea\u6cbb\u5dde"], _City_7 = ["110001:\u6c88\u9633\u5e02", "110002:\u5927\u8fde\u5e02", "110003:\u978d\u5c71\u5e02", "110004:\u629a\u987a\u5e02", "110005:\u672c\u6eaa\u5e02", "110006:\u4e39\u4e1c\u5e02", "110007:\u9526\u5dde\u5e02", "110008:\u8425\u53e3\u5e02", "110009:\u961c\u65b0\u5e02", "110010:\u8fbd\u9633\u5e02", "110011:\u76d8\u9526\u5e02", "110012:\u94c1\u5cad\u5e02", "110013:\u671d\u9633\u5e02", "110014:\u846b\u82a6\u5c9b\u5e02"], _City_8 = ["250001:\u6d4e\u5357\u5e02", "250002:\u9752\u5c9b\u5e02", "250003:\u6dc4\u535a\u5e02", "250004:\u67a3\u5e84\u5e02", "250005:\u4e1c\u8425\u5e02", "250006:\u70df\u53f0\u5e02", "250007:\u6f4d\u574a\u5e02", "250008:\u6d4e\u5b81\u5e02", "250009:\u6cf0\u5b89\u5e02", "250010:\u5a01\u6d77\u5e02", "250011:\u65e5\u7167\u5e02", "250012:\u83b1\u829c\u5e02", "250013:\u4e34\u6c82\u5e02", "250014:\u5fb7\u5dde\u5e02", "250015:\u804a\u57ce\u5e02", "250016:\u6ee8\u5dde\u5e02", "250017:\u83cf\u6cfd\u5e02"], _City_9 = ["030001:\u592a\u539f\u5e02", "030002:\u5927\u540c\u5e02", "030003:\u9633\u6cc9\u5e02", "030004:\u957f\u6cbb\u5e02", "030005:\u664b\u57ce\u5e02", "030006:\u6714\u5dde\u5e02", "030007:\u664b\u4e2d\u5e02", "030008:\u8fd0\u57ce\u5e02", "030009:\u5ffb\u5dde\u5e02", "030010:\u4e34\u6c7e\u5e02", "030011:\u5415\u6881\u5e02"], _City_10 = ["710001:\u897f\u5b89\u5e02", "710002:\u94dc\u5ddd\u5e02", "710003:\u5b9d\u9e21\u5e02", "710004:\u54b8\u9633\u5e02", "710005:\u6e2d\u5357\u5e02", "710006:\u5ef6\u5b89\u5e02", "710007:\u6c49\u4e2d\u5e02", "710008:\u6986\u6797\u5e02", "710009:\u5b89\u5eb7\u5e02", "710010:\u5546\u6d1b\u5e02"], _City_11 = ["050001:\u77f3\u5bb6\u5e84\u5e02", "050002:\u5510\u5c71\u5e02", "050003:\u79e6\u7687\u5c9b\u5e02", "050004:\u90af\u90f8\u5e02", "050005:\u90a2\u53f0\u5e02", "050006:\u4fdd\u5b9a\u5e02", "050007:\u5f20\u5bb6\u53e3\u5e02", "050008:\u627f\u5fb7\u5e02", "050009:\u6ca7\u5dde\u5e02", "050010:\u5eca\u574a\u5e02", "050011:\u8861\u6c34\u5e02"], _City_12 = ["450001:\u90d1\u5dde\u5e02", "450002:\u5f00\u5c01\u5e02", "450003:\u6d1b\u9633\u5e02", "450004:\u5e73\u9876\u5c71\u5e02", "450005:\u5b89\u9633\u5e02", "450006:\u9e64\u58c1\u5e02", "450007:\u65b0\u4e61\u5e02", "450008:\u7126\u4f5c\u5e02", "450008:\u6d4e\u6e90\u5e02", "450009:\u6fee\u9633\u5e02", "450010:\u8bb8\u660c\u5e02", "450011:\u6f2f\u6cb3\u5e02", "450012:\u4e09\u95e8\u5ce1\u5e02", "450013:\u5357\u9633\u5e02", "450014:\u5546\u4e18\u5e02", "450015:\u4fe1\u9633\u5e02", "450016:\u5468\u53e3\u5e02", "450017:\u9a7b\u9a6c\u5e97\u5e02"], _City_13 = ["430001:\u6b66\u6c49\u5e02", "430002:\u9ec4\u77f3\u5e02", "430003:\u5341\u5830\u5e02", "430005:\u5b9c\u660c\u5e02", "430006:\u8944\u6a0a\u5e02", "430007:\u9102\u5dde\u5e02", "430008:\u8346\u95e8\u5e02", "430009:\u5b5d\u611f\u5e02", "430010:\u8346\u5dde\u5e02", "430011:\u9ec4\u5188\u5e02", "430012:\u54b8\u5b81\u5e02", "430013:\u968f\u5dde\u5e02", "430014:\u4ed9\u6843\u5e02", "430015:\u6f5c\u6c5f\u5e02", "430016:\u5929\u95e8\u5e02", "430101:\u6069\u65bd\u571f\u5bb6\u65cf\u82d7\u65cf\u81ea\u6cbb\u5dde", "430102:\u795e\u519c\u67b6\u6797\u533a"], _City_14 = ["430001:\u957f\u6c99\u5e02", "430002:\u682a\u6d32\u5e02", "430003:\u6e58\u6f6d\u5e02", "430004:\u8861\u9633\u5e02", "430005:\u90b5\u9633\u5e02", "430006:\u5cb3\u9633\u5e02", "430007:\u5e38\u5fb7\u5e02", "430008:\u5f20\u5bb6\u754c\u5e02", "430009:\u76ca\u9633\u5e02", "430010:\u90f4\u5dde\u5e02", "430011:\u6c38\u5dde\u5e02", "430012:\u6000\u5316\u5e02", "430013:\u5a04\u5e95\u5e02", "430101:\u6e58\u897f\u571f\u5bb6\u65cf\u82d7\u65cf\u81ea\u6cbb\u5dde"], _City_15 = ["570001:\u6d77\u53e3\u5e02", "570002:\u4e09\u4e9a\u5e02", "570003:\u4e94\u6307\u5c71\u5e02", "570004:\u743c\u6d77\u5e02", "570005:\u510b\u5dde\u5e02", "570006:\u6587\u660c\u5e02", "570007:\u4e07\u5b81\u5e02", "570008:\u4e1c\u65b9\u5e02"], _City_16 = ["210001:\u5357\u4eac\u5e02", "210002:\u65e0\u9521\u5e02", "210003:\u5f90\u5dde\u5e02", "210004:\u5e38\u5dde\u5e02", "210005:\u82cf\u5dde\u5e02", "210006:\u5357\u901a\u5e02", "210007:\u8fde\u4e91\u6e2f\u5e02", "210008:\u6dee\u5b89\u5e02", "210009:\u76d0\u57ce\u5e02", "210010:\u626c\u5dde\u5e02", "210011:\u9547\u6c5f\u5e02", "210012:\u6cf0\u5dde\u5e02", "210013:\u5bbf\u8fc1\u5e02"], _City_17 = ["330001:\u5357\u660c\u5e02", "330002:\u666f\u5fb7\u9547\u5e02", "330003:\u840d\u4e61\u5e02", "330004:\u4e5d\u6c5f\u5e02", "330005:\u65b0\u4f59\u5e02", "330006:\u9e70\u6f6d\u5e02", "330007:\u8d63\u5dde\u5e02", "330008:\u5409\u5b89\u5e02", "330009:\u5b9c\u6625\u5e02", "330010:\u629a\u5dde\u5e02", "330011:\u4e0a\u9976\u5e02"],
</script>
</head>
<body>
<label for="province">省</label><select id="province"><option value="0">请选择省份</option></select>
<label for="city">市</label><select id="city"><option value="0">请选择市</option></select>
</body>
</html>
<script type="text/javascript">
//<![CDATA[
ProvinceCityComponent.init("province", "city");
//]]>
</script>
<script>
function change()
{var dx=$("select[@name=province]").val(); $.get("change.php?randID="+Math.random(),{selectwd:dx},function(data){
// alert(data)
$("#sl2").html(data); });}</script>
<?php
$conn=mysql_connect("..");//链接数据库
mysql_select_db("app_lazygo");//选择数据库
mysql_query("set names 'utf8'");//设定字符集
$sql="select * from province";//查询数据库province表也就是省
$result=mysql_query($sql);//执行语句赋值给变量
?> <div id="sl1" style=" display:inline; width:150px">
省份:<select id='province' name=province onChange="change();" style="width:100px;">
<!--输出下拉列表项值-->
<option value='-1' selected>请选择省份</option>
<?php
while($row=mysql_fetch_row($result)){
//循环循环查询显示省输出数据显示
echo "<option value='$row[1]'>$row[2]</option>\n";
}
?>
</select><!--下拉列表项尾数-->
</div>
<div id="sl2" style=" display:inline;width:150px" >
城市:<SELECT id="city" name=city style="width:100px;">
<OPTION value="-1">请选择城市</OPTION> </SELECT>
</div>
change.php
<?php $provincecode=$_GET['selectwd'];//接收省键值
$conn=mysql_connect("..");//链接数据库
mysql_select_db("app_lazygo");//选择数据库
mysql_query("set names 'utf8'");//设定字符集
if($provincecode!=""){//如果传递过来的不为空则执行
$sql="select * from city where provincecode=$provincecode";//查询城市符合属于上边传递过来的省的字段
$result=mysql_query($sql);//执行SQL查询语句
print_r($row);
?> 城市:<SELECT id="city" name=city style="width:100px;">
<?php while($row=mysql_fetch_row($result)){//循环记录集?>
<option value="<?= $row[1]?>"><?=$row[2]?></option>
<?php }?>
</select>
<?php }?>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title> </title>
</head>
<body>
<p >省:<select id='slcProvince'></select>市:<select id='slcCity'></select> </p>
</body>
<script type="text/javascript">
var __provinceAndCity = null;
window.onload=function (){
__provinceAndCity = new __ProvinceAndCityClass();
__provinceAndCity.InitData($("slcProvince"),$("slcCity"));
include("http://fw.qq.com/ipaddress?t="+Math.random(),'gb2312',function(){
// IPData[0] ip IPData[2] 省 IPData[3] 市
__provinceAndCity.selectProvince.value = IPData[2];
__provinceAndCity.SlcProvinceChanged();
__provinceAndCity.selectCity.value = IPData[3];
});
};
var $ = function (id,obj) {
obj = obj|| document;
return "string" == typeof id ? obj.getElementById(id) : id;
};
var $$ = function (name,obj) {
obj = obj|| document;
return "string" == typeof name ? obj.getElementsByTagName(name) : name;
};
// 动态导入js
function include(src,encoding,fun)
{
var s = document.createElement('script');
s.type='text/javascript';
s.charset=encoding; //'gb2312';
s.src = src;
var tags =$$('head');
if(typeof(fun)=='function'){
if( document.all ){
s.onreadystatechange = function(){
if(/(complete|loaded)/.test(this.readyState)){
fun(); s.onreadystatechange = null; s.parentNode.removeChild(s);
}};
}else{
s.onload = function(){ fun(); s.onload = null; s.parentNode.removeChild(s); };
}
}
tags[0].appendChild(s);
};function __ProvinceAndCityClass()
{
//省
this.ProvinceList=["北京市","天津市","上海市","重庆市","河北省","山西省","台湾省","辽宁省","吉林省","黑龙江省","江苏省", "浙江省","安徽省","福建省","江西省","山东省",
"河南省","湖北省","湖南省","广东省","甘肃省","四川省","贵州省","海南省","云南省","青海省","陕西省","广西","西藏","宁夏","新疆","内蒙","澳门","香港","国外与其它"];
//市
this.CityList=
[
["北京市"],["天津市"],["上海市"],["重庆市"],
["石家庄市","唐山市","秦皇岛市","邯郸市","邢台市","保定市","张家口市","承德市","沧州市","廊坊市","衡水市"],
["太原市","大同市","阳泉市","长治市","晋城市","朔州市","晋中市","运城市","忻州市","临汾市","吕梁市"],
["台北市","高雄市","基隆市","台中市","台南市","新竹市","嘉义市","台北县","宜兰县","桃园县","新竹县","苗栗县","台中县","彰化县","南投县","云林县","嘉义县","台南县","高雄县","屏东县","澎湖县","台东县","花莲县"],
["沈阳市","大连市","鞍山市","抚顺市","本溪市","丹东市","锦州市","营口市","阜新市","辽阳市","盘锦市","铁岭市","朝阳市","葫芦岛市"],
["长春市","吉林市","四平市","辽源市","通化市","白山市","松原市","白城市","延边朝鲜族自治州"],
["哈尔滨市","齐齐哈尔市","鹤岗市","双鸭山市","鸡西市","大庆市","伊春市","牡丹江市","佳木斯市","七台河市","黑河市","绥化市","大兴安岭地区"],
["南京市","无锡市","徐州市","常州市","苏州市","南通市","连云港市","淮安市","盐城市","扬州市","镇江市","泰州市","宿迁市"],
["杭州市","宁波市","温州市","嘉兴市","湖州市","绍兴市","金华市","衢州市","舟山市","台州市","丽水市"],
["合肥市","芜湖市","蚌埠市","淮南市","马鞍山市","淮北市","铜陵市","安庆市","黄山市","滁州市","阜阳市","宿州市","巢湖市","六安市","亳州市","池州市","宣城市"],
["福州市","厦门市","莆田市","三明市","泉州市","漳州市","南平市","龙岩市","宁德市"],
["南昌市","景德镇市","萍乡市","九江市","新余市","鹰潭市","赣州市","吉安市","宜春市","抚州市","上饶市"],
["济南市","青岛市","淄博市","枣庄市","东营市","烟台市","潍坊市","济宁市","泰安市","威海市","日照市","莱芜市","临沂市","德州市","聊城市","滨州市","菏泽市"],
["郑州市","开封市","洛阳市","平顶山市","安阳市","鹤壁市","新乡市","焦作市","濮阳市","许昌市","漯河市","三门峡市","南阳市","商丘市","信阳市","周口市","驻马店市","济源市"],
["武汉市","黄石市","十堰市","荆州市","宜昌市","襄樊市","鄂州市","荆门市","孝感市","黄冈市","咸宁市","随州市","仙桃市","天门市","潜江市","神农架林区","恩施土家族苗族自治州"],
["长沙市","株洲市","湘潭市","衡阳市","邵阳市","岳阳市","常德市","张家界市","益阳市","郴州市","永州市","怀化市","娄底市","湘西土家族苗族自治州"],
["广州市","深圳市","珠海市","汕头市","韶关市","佛山市","江门市","湛江市","茂名市","肇庆市","惠州市","梅州市","汕尾市","河源市","阳江市","清远市","东莞市","中山市","潮州市","揭阳市","云浮市"],
["兰州市","金昌市","白银市","天水市","嘉峪关市","武威市","张掖市","平凉市","酒泉市","庆阳市","定西市","陇南市","临夏回族自治州","甘南藏族自治州"],
["成都市","自贡市","攀枝花市","泸州市","德阳市","绵阳市","广元市","遂宁市","内江市","乐山市","南充市","眉山市","宜宾市","广安市","达州市","雅安市","巴中市","资阳市","阿坝藏族羌族自治州","甘孜藏族自治州","凉山彝族自治州"],
["贵阳市","六盘水市","遵义市","安顺市","铜仁地区","毕节地区","黔西南布依族苗族自治州","黔东南苗族侗族自治州","黔南布依族苗族自治州"],
["海口市","三亚市","五指山市","琼海市","儋州市","文昌市","万宁市","东方市","澄迈县","定安县","屯昌县","临高县","白沙黎族自治县","昌江黎族自治县","乐东黎族自治县","陵水黎族自治县","保亭黎族苗族自治县","琼中黎族苗族自治县"],
["昆明市","曲靖市","玉溪市","保山市","昭通市","丽江市","思茅市","临沧市","文山壮族苗族自治州","红河哈尼族彝族自治州","西双版纳傣族自治州","楚雄彝族自治州","大理白族自治州","德宏傣族景颇族自治州","怒江傈傈族自治州","迪庆藏族自治州"],
["西宁市","海东地区","海北藏族自治州","黄南藏族自治州","海南藏族自治州","果洛藏族自治州","玉树藏族自治州","海西蒙古族藏族自治州"],
["西安市","铜川市","宝鸡市","咸阳市","渭南市","延安市","汉中市","榆林市","安康市","商洛市"],
["南宁市","柳州市","桂林市","梧州市","北海市","防城港市","钦州市","贵港市","玉林市","百色市","贺州市","河池市","来宾市","崇左市"],
["拉萨市","那曲地区","昌都地区","山南地区","日喀则地区","阿里地区","林芝地区"],
["银川市","石嘴山市","吴忠市","固原市","中卫市"],
["乌鲁木齐市","克拉玛依市","石河子市 ","阿拉尔市","图木舒克市","五家渠市","吐鲁番市","阿克苏市","喀什市","哈密市","和田市","阿图什市","库尔勒市","昌吉市 ","阜康市","米泉市","博乐市","伊宁市","奎屯市","塔城市","乌苏市","阿勒泰市"],
["呼和浩特市","包头市","乌海市","赤峰市","通辽市","鄂尔多斯市","呼伦贝尔市","巴彦淖尔市","乌兰察布市","锡林郭勒盟","兴安盟","阿拉善盟"],
["澳门"],
["香港"],
["国外或其它"]
];
this.selectProvince = null;
this.selectCity = null;
var obj = this;
//初始化数据
this.InitData=function(slcProvince,slcCity)
{
obj.selectProvince =slcProvince;
obj.selectCity = slcCity;
for(var index=0;index< obj.ProvinceList.length;index++)
{
obj.selectProvince.options.add(new Option(this.ProvinceList[index],obj.ProvinceList[index]));
}
obj.selectProvince.value = obj.ProvinceList[0];
obj.selectProvince.onchange = obj.SlcProvinceChanged;
obj.SlcProvinceChanged();
};
this.SlcProvinceChanged = function()
{
var provinceIndex = obj.selectProvince.selectedIndex;
obj.selectCity.options.length = 0;
for(var index=0;index< obj.CityList[provinceIndex].length;index++)
{
obj.selectCity.options.add(new Option(obj.CityList[provinceIndex][index],obj.CityList[provinceIndex][index]));
}
obj.selectCity.value = obj.CityList[provinceIndex][0];
};
}</script>
</html>
<script src="你那个js脚本文件"></script>然后怎么调用,要看JS里的函数名称是什么,如果是a()的话,就
<script>a();</script>