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