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

效果圖 ![](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)