(Practical article) jquery Two-level linkage code

jquery Two-level linkage city code

<! DOCTYPE html Public"-//w3c//dtd XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > varCurrentshowcity=0; $ (document). Ready (function(){   $("#province"). Change (function(){       $("#province option"). each(functionIo) {           if($ (this). attr ("selected")))           {                        $(". City").Hide (); $(". City"). EQ (i).Show (); Currentshowcity=i;   }       });   }); $("#province").Change ();});functionGetselectvalue () {alert ("Level 1 =" +$ ("#province").Val ()); $(". City"). each(functionIo) {                            if(i = =currentshowcity) {Alert ("Level 2 =" +$ (". City"). EQ (i).Val ()); }           });}</script> class= "City" > <option>----Please select----</option> </select> <selectclass= "City" > <option> dongcheng </option> <option> xicheng </option> <option> Chongwen </opti on> <option> Xuanwu </option> <option> chaoyang </option> </select> <selectclass= "City" > <option> huangpu </option> <option> luwan </option> <option> Xuhui </opti on> <option> changning </option> <option> Jingan </option> </select> <selectclass= "City" > <option> nanjing </option> <option> zhenjiang </option> <option> Suzhou </opti on> <option> nantong </option> <option> Yangzhou </option> </select> <input type= "bu Tton "value=" point I "onclick=" Getselectvalue (); " ></script></body> 

The following is the instance interface

(Practical article) jquery Two-level linkage code