先上图吧:
,
,
①:代表第一个下拉列表;
②:代表第二个下拉列表;
③:代表第三个下拉列表。
,
,
我的需求:
我在 ① ② ③ 默认都为请选择,在不选择 ① 的情况下,② 和 ③ 是没有内容的。
只有选择了 ① 之后,② 才会出现对应的内容。
比如,我在 ① 处选择了广东省,② 才会出现『广州市、深圳市……』的内容。
同时,每当我在下拉列表中选择一种选项,页面中的内容:也就是根据职位类型所查询出的公司,都会根据下拉列表的选项,从数据库中进行查询。
,
,
,
目前的情况:
目前我已将后台的查询方法都写好了,但是前端这一块实在不太擅长。如果说前端要返回ajax的话,那么如何返回?后台又如何接受(实在抱歉,我太菜了,没怎么搞过前端,之前都是专做后台,只需要从后台返回json数据到前端,还真不知道controller怎么接收ajax)。
,
,
请大神给我详细的说说,下拉联动如何搞,如何返回ajax到后台,后台又如何接收?
对了,我用的是ThymeLeaf模板。
三级联动和二级都一样;
首先页面初始化:下面公司列表是所有的,三个下拉框都是请选择
第二步:第一个下拉框选择选项时,给下拉框绑定一个onchange事件,在onchange时间执行ajax请求后台,获取二级下拉框的数据,得到数据之后,
通过js修改第二个下拉框的html内容,同时刷新下面公司列表(这里刷新可以用js动态修改或者访问controller,把第一个下拉框的值传到后台)
这里就实现一级联动,二级和三级也是类似的方法,不知道你看懂了没。
生成json数组发送到客户端
demo:javascript省市县三级联动示例
前台传1的value值给后台,然后后台拿到value去查相应的第二个数据.返回一个json字符串给前台即可.
第二个和第三个类似.
http://liangq.iteye.com/blog/1457926
实际上就是三个图层 前两个图层定义鼠标moveover的事件 当鼠标移到第一层上 设置第二层div为显示
否则就隐藏 默认隐藏第二层 同理第三层也是这样
$("#divid").mouseover 移入事件触发
$("#divid").mouseleave 移出事件触发
谢谢
看你的问题应该是知道三级联动的咋回事的,你的问题是没做过b/s前后端交互。你这标题取的有点尴尬。也不知道你用的是什么框架,你自己百度下
spring MVC,ajax请求过程什么的都很容易看懂。
我不知道你用没用jQuery easyui 插件
用的是combobox 中onSelect事件 选择列表项的时候触发