省市区三级联动下拉选

  • A+
所属分类:Web前端
摘要

      完整代码获取请关注我的微信


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

 

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

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

 

 

 

2.二级市区联动下拉选

 

省市区三级联动下拉选

 

 

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

省市区三级联动下拉选

省市区三级联动下拉选

 

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

省市区三级联动下拉选

 

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

省市区三级联动下拉选

 

 

 

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

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

 

 

完整代码获取请关注我的微信