本篇文章主要是對js實現省市聯動效果的簡單實例進行了介紹,需要的朋友可以過來,希望對大家有所幫助
實例如下: 代碼如下: <!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/