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 相关文章推荐
JS高级笔记
Jul 13 Javascript
JS验证身份证有效性示例
Oct 11 Javascript
jQuery的:parent选择器定义和用法
Jul 01 Javascript
Vue组件通信实践记录(推荐)
Aug 15 Javascript
js序列化和反序列化的使用讲解
Jan 19 Javascript
详解js加减乘除精确计算
Mar 19 Javascript
ES6知识点整理之数组解构和字符串解构的应用示例
Apr 17 Javascript
Vue仿微信app页面跳转动画效果
Aug 21 Javascript
如何利用Node.js与JSON搭建简单的动态服务器
Jun 16 Javascript
vue 解决兄弟组件、跨组件深层次的通信操作
Jul 27 Javascript
vue-calendar-component 封装多日期选择组件的实例代码
Dec 04 Vue.js
原生JavaScript实现简单五子棋游戏
Jun 28 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新手上路(八)
2006/10/09 PHP
常用的php对象类型判断
2008/08/27 PHP
CentOS下PHP安装Oracle扩展
2015/02/15 PHP
PHP中PCRE正则解析代码详解
2019/04/26 PHP
PHP实现将上传图片自动缩放到指定分辨率,并保持清晰度封装类示例
2019/06/17 PHP
在浏览器中获取当前执行的脚本文件名的代码
2011/07/19 Javascript
利用javascript判断文件是否存在
2013/12/31 Javascript
javascript实现单击和双击并存的方法
2014/12/13 Javascript
jQuery插件ajaxFileUpload使用实例解析
2016/10/19 Javascript
Vue.JS入门教程之处理表单
2016/12/01 Javascript
webuploader模态框ueditor显示问题解决方法
2016/12/27 Javascript
使用Xcache缓存器加速PHP网站的配置方法
2017/04/22 Javascript
JavaScript创建对象的七种方式全面总结
2017/08/21 Javascript
详解刷新页面vuex数据不消失和不跳转页面的解决
2018/01/30 Javascript
vue实现购物车功能(商品分类)
2020/04/20 Javascript
Element Alert警告的具体使用方法
2020/07/27 Javascript
python模拟事件触发机制详解
2018/01/19 Python
python3.6数独问题的解决
2019/01/21 Python
python切片的步进、添加、连接简单操作示例
2019/07/11 Python
Python使用itchat 功能分析微信好友性别和位置
2019/08/05 Python
Python学习笔记之lambda表达式用法详解
2019/08/08 Python
Mac 使用python3的matplot画图不显示的解决
2019/11/23 Python
windows下python安装pip方法详解
2020/02/10 Python
在python中使用nohup命令说明
2020/04/16 Python
python Django 反向访问器的外键冲突解决
2020/05/20 Python
通过实例解析python创建进程常用方法
2020/06/19 Python
浅谈keras中Dropout在预测过程中是否仍要起作用
2020/07/09 Python
PyQt中使用QtSql连接MySql数据库的方法
2020/07/28 Python
Canvas 文本填充线性渐变的使用详解
2020/06/22 HTML / CSS
New Balance德国官方网站:购买鞋子和服装
2019/08/31 全球购物
银行内勤岗位职责
2014/04/09 职场文书
社区务虚会发言材料
2014/10/20 职场文书
民间借贷被告代理词
2015/05/23 职场文书
2015年审计人员工作总结
2015/05/26 职场文书
python中的None与NULL用法说明
2021/05/25 Python
python_tkinter弹出对话框创建
2022/03/20 Python