首先第一步需要知道自己的城市信息存在那个地方

这次我是读取的数据库信息

城市三级联动详解

然后就要开始进行编码了

因为ssm框架需要给一个页面跳转路径

城市三级联动详解

 然后就跳到了demo.jsp页面,跳到这个页面后需要有三个下拉框 如下图

城市三级联动详解

基本的部署就完成了,接下来进入正式的编码

1.思路分析

三级联动 按照我们正常的理解就是点完这个按钮 根据这个按钮出现相应的内容

这就要用到ajax 。其次需要用到文档就绪函数 第一步首先回显省的信息。

城市三级联动详解

上面的代码就是去数据库去找寻省的信息 接下来看控制层和mapper层是怎么写的

 

城市三级联动详解

上面为控制层代码

接下来看mapper层

城市三级联动详解

当到这的时候省的信息已经回显完毕了

 

城市三级联动详解

 

接下来就是 市的信息了

城市三级联动详解

这样写完市的信息也回显出来了

城市三级联动详解

 

编写 最后一步 回显县的信息

 

城市三级联动详解

 

 

城市三级联动详解

 

至此一个简单的三级联动就算完成了!!!

代码没贴 需要代码的记得私聊一下我

 

 

 

 

 

 

 

 

 

 

 

 

 

相关文章: