用SSM框架 HTML页面 ajax 怎么写一个从数据库获取数据的二级联动的下拉菜单

发布网友发布时间：2022-05-12 20:01

共10个回答

热心网友时间：2022-05-12 21:30

用js先写个带参方法，参数就是2级联动的对象obj

写个ajax data参数就是obj.value， value传给后台获取数据返回给ajax，
然后ajax做你想做的页面处理。。。

热心网友时间：2022-05-12 22:48

用js先写个带参方法，参数就是2级联动的对象obj

写个ajax data参数就是obj.value， value传给后台获取数据返回给ajax，
然后ajax做你想做的页面处理。。。

至于这个value如何获取，你可以用在select上面加onChange="方法名"

代码:
<script language="javascript">
function getData(obj) {
var opt = obj.options[obj.selectedIndex]
//alert("The option you select is:"+opt.text+"("+opt.value+")");
$.ajax({
url : "你的url",
type : "Post",
data : 'diqu='+opt.value,
success : function(data1) {
//这里面就可以得到你后台获取过来的数据了，你可以做DOM处理

}
});

}
</script>
<SELECT onchange="getData(this)">
<OPTION value ="1">湖北</OPTION>
<OPTION value="2">湖南</OPTION>
<OPTION value ="3">河北</OPTION>
<OPTION value="4">河南</OPTION>
</SELECT>

热心网友时间：2022-05-13 00:23

1、用java包访问数据库，将需要写入联动菜单的数据以list或者json放在你的包内；
2、在需要写菜单的地方用AJAX同步你的包数据；
3、将数据用JS写入HTML的ul下的li中，在CSS中写入hover伪类，触发二级联动下拉菜单。

热心网友时间：2022-05-13 02:14

定义好后台接口，比如:/loadData。

在js中引入jquery库，发送post方式的ajax请求。

解析返回的数据，并渲染到dom中。

热心网友时间：2022-05-13 04:22

一般ajax都是有个判断 if （一级等于二级的父级）｛ajax 调用二级菜单｝

热心网友时间：2022-05-13 06:47

思路：从数据库中获取数据后，先往第一个下拉框里面赋值，然后在第一个下来框的onchange事件中将第一个下拉框传的值传回后台，再次查数据库然后写第二个下拉框

热心网友时间：2022-05-13 09:28

$.post('/setting_bankcard/get-subnodelist',{'parentId':parentId},function(resp){
if(resp.code){
$("#city option").each(function(){
if($.trim($(this).val()) !=''){
$(this).remove();
}
});
$("#city option:first").attr("selected","selected");
$("#area option:first").attr("selected","selected");
for(var i=0,len = resp.data.length; i<len;i++){
$('#city').append("<option value=" +resp.data[i].area_name + ">" + resp.data[i].area_name + "</option>");
}
}
},'json')

热心网友时间：2022-05-13 12:26

首先当加载页面的时候,要把一级菜单的数据查询出来.

当点击一级菜单中的数据的时候,在去查询二级菜单

ajax异步查询,根据选中的数据,作为查询条件去查询二级菜单,可以返回一个json数据,在配置文件中解析.

热心网友时间：2022-05-13 15:41

楼上的正解

用SSM框架 HTML页面 ajax 怎么写一个从数据库获取数据的 二级联动的下拉菜单

用SSM框架 HTML页面 ajax 怎么写一个从数据库获取数据的二级联动的下拉菜单