效果图 ![](https://box.kancloud.cn/7027d819366aea57074f73a8a1538f7e_285x446.png) 1.首先引入jquery ``` <script type="text/javascript" src="js/jquery-1.8.3.js" ></script> ``` 2.html ``` <body> <select id="province"> </select> <select id="city"> </select> <input type="hidden" id="hidpro" value="请选择省" /> <input type="hidden" id="hidcity" value="请选择市" /> </body> ``` 3.引进ProvinceAndCity.js ``` <script type="text/javascript" src="js/ProvinceAndCity.js" ></script> ``` 4.js调用 ``` <script> //绑定省市 var pro = $.trim($("#hidpro").val()); var city = $.trim($("#hidcity").val()); if (pro == "请选择省" || city == "请选择市") { ProvinceInit( { provinceID: "province", citieID: "city", province: pro, citie: city } ); } else { ProvinceInit( { provinceID: "province", citieID: "city", province: pro, citie: city } ); } </script> ``` 5.现在可以实现3级联动了 需要的js请联系微信![](https://box.kancloud.cn/390c1d950c156c37d6299e0363b005c5_430x430.jpg)