三級城市插件 · 前端面試題精編（微信小程序（基礎到高級）js視頻資源、vue/js/html/css/React/ES6面試題、算法、插件大全）（輕松面對面試）（持續更新）

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)