省市區三級聯動下拉選

這是一個整合過的小DEMO，我本身在作項目的時候常常會用到這類菜單，因而拿出來分享給你們，支持一級二級三級菜單，二三級可聯動，數據來源爲字典項，話很少說直接上圖。

 

1.三級聯動省市區下拉選

 

 

 

2.二級市區聯動下拉選

 

 

 

3.一級聯動聯動+數據校驗下拉選

 

數據源是純前端維護字典項

 

注意：因爲demo中用到了ajax請求 因此不能直接用file:///協議在瀏覽器打開 ，會報錯

 

 

 

解決方案： 找一個空的tomcat 把代碼放到webapps裏，啓動tomcat 而後在瀏覽器訪問項目，好比這樣：

 

 

完整代碼獲取請關注個人微信公衆號，回覆101 獲取