js实现省市联动效果的简单实例


Posted in Javascript onFebruary 10, 2014

实例如下:

<!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>
Javascript 相关文章推荐
jquery里的each使用方法详解
Dec 22 Javascript
jquery 简短几句代码实现给元素动态添加及获取提示信息
Sep 01 Javascript
JavaScript实现对下拉列表值进行排序的方法
Jul 15 Javascript
jquery实现TAB选项卡鼠标经过带延迟效果的方法
Jul 27 Javascript
移动手机APP手指滑动切换图片特效附源码下载
Nov 30 Javascript
详解AngularJS中ng-src指令的使用
Sep 07 Javascript
微信小程序 登录的简单实现
Apr 19 Javascript
JS实现textarea通过换行或者回车把多行数字分割成数组并且去掉数组中空的值
Oct 29 Javascript
jquery图片预览插件实现方法详解
Jul 18 jQuery
node.js实现带进度条的多文件上传
Mar 27 Javascript
javascript canvas API内容整理
Feb 16 Javascript
JS实现随机点名器
Apr 12 Javascript
js+div实现图片滚动效果代码
Feb 10 #Javascript
javascript实现数字验证码的简单实例
Feb 10 #Javascript
javascript实现数字+字母验证码的简单实例
Feb 10 #Javascript
Jquery获取元素的父容器对象示例代码
Feb 10 #Javascript
javascript类型转换使用方法
Feb 08 #Javascript
jquery和雅虎的yql服务实现天气预报服务示例
Feb 08 #Javascript
遍历DOM对象内的元素属性示例代码
Feb 08 #Javascript
You might like
php 中文和编码判断代码
2010/05/16 PHP
PHP批量查询WordPress留言者E-mail地址实现方法
2015/02/15 PHP
浅谈PHP中关于foreach使用引用变量的坑
2016/11/14 PHP
laravel利用中间件防止未登录用户直接访问后台的方法
2019/09/30 PHP
javascript中取前n天日期的两种方法分享
2014/01/26 Javascript
Javascript递归打印Document层次关系实例分析
2015/05/15 Javascript
JS+CSS实现类似QQ好友及黑名单效果的树型菜单
2015/09/22 Javascript
基于jQuery实现的扇形定时器附源码下载
2015/10/20 Javascript
bootstrap布局中input输入框右侧图标点击功能
2016/05/16 Javascript
详解JavaScript中this关键字的用法
2016/05/26 Javascript
nodejs加密Crypto的实例代码
2016/07/07 NodeJs
Bootstrap基本组件学习笔记之缩略图(13)
2016/12/08 Javascript
在一个页面重复使用一个js函数的方法详解
2016/12/26 Javascript
Vue 2.0+Vue-router构建一个简单的单页应用(附源码)
2017/03/14 Javascript
js实现一个猜数字游戏
2017/03/31 Javascript
详解微信小程序设置底部导航栏目方法
2017/06/29 Javascript
微信小程序实现之手势锁功能实例代码
2018/07/19 Javascript
微信小程序 scroll-view 实现锚点跳转功能
2019/12/12 Javascript
[43:51]2014 DOTA2国际邀请赛中国区预选赛 Dream Times VS TongFu
2014/05/22 DOTA
[01:03:42]VP vs VGJ.S 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Python调用微信公众平台接口操作示例
2017/07/08 Python
PyQt5每天必学之单行文本框
2018/04/19 Python
Python找出微信上删除你好友的人脚本写法
2018/11/01 Python
python中的单引号双引号区别知识点总结
2019/06/23 Python
windows、linux下打包Python3程序详细方法
2020/03/17 Python
Python定义一个函数的方法
2020/06/15 Python
Alba Moda瑞士网上商店:独家意大利时尚女装销售
2016/11/28 全球购物
Super-Pharm波兰:药房和香水在一个地方
2020/08/18 全球购物
岗位职责的定义
2013/11/10 职场文书
开学典礼主持词
2014/03/19 职场文书
雏鹰争章活动总结
2014/05/09 职场文书
2014年领班工作总结
2014/11/25 职场文书
大学生青年志愿者活动总结
2015/05/06 职场文书
2016年幼儿园万圣节活动总结
2016/04/05 职场文书
MyBatis-Plus 批量插入数据的操作方法
2021/09/25 Java/Android
SQL解决未能删除约束问题drop constraint
2022/05/30 SQL Server