省市区三级联动下拉选

这是一个整合过的小DEMO,我自己在做项目的时候经常会用到这类菜单,于是拿出来分享给大家,支持一级二级三级菜单,二三级可联动,数据来源为字典项,话不多说直接上图。

 

1.三级联动省市区下拉选

 

 

 

2.二级市区联动下拉选

 

 

 

3.一级联动联动+数据校验下拉选

 

数据源是纯前端维护字典项

 

注意:由于demo中用到了ajax请求 所以不能直接用file:///协议在浏览器打开 ,会报错

 

 

 

解决方案: 找一个空的tomcat 把代码放到webapps里,启动tomcat 然后在浏览器访问项目,比如这样:

 

 

完整代码获取请关注我的微信公众号,回复101 获取 

posted @ 2021-02-18 15:25  .FR13NDS  阅读(18)  评论(0编辑  收藏