永发信息网

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

答案:7  悬赏:30  手机版
解决时间 2021-03-25 15:31
  • 提问者网友:星軌
  • 2021-03-25 09:18
用SSM框架 HTML页面 ajax 怎么写一个从数据库获取数据的 二级联动的下拉菜单
最佳答案
  • 五星知识达人网友:像个废品
  • 2021-03-25 10:03
用js先写个带参方法,参数就是2级联动的对象obj

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


全部回答
  • 1楼网友:洎扰庸人
  • 2021-03-25 16:08
一般ajax都是有个判断 if (一级 等于 二级 的父级){ajax 调用二级菜单}
  • 2楼网友:独行浪子会拥风
  • 2021-03-25 16:00
思路:从数据库中获取数据后,先往第一个下拉框里面赋值,然后在第一个下来框的onchange事件中将第一个下拉框传的值传回后台,再次查数据库然后写第二个下拉框
  • 3楼网友:轮獄道
  • 2021-03-25 14:52
1、用java包访问数据库,将需要写入联动菜单的数据以list或者json放在你的包内;
2、在需要写菜单的地方用AJAX同步你的包数据;
3、将数据用JS写入HTML的ul下的li中,在CSS中写入hover伪类,触发二级联动下拉菜单。
  • 4楼网友:梦中风几里
  • 2021-03-25 13:14
$.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 $('#city').append("");
}
}
},'json')
  • 5楼网友:孤老序
  • 2021-03-25 12:00

定义好后台接口,比如:/loadData。
在js中引入jquery库,发送post方式的ajax请求。
解析返回的数据,并渲染到dom中。
  • 6楼网友:轻熟杀无赦
  • 2021-03-25 11:30
用js先写个带参方法,参数就是2级联动的对象obj
写个ajax data参数就是obj.value, value传给后台获取数据返回给ajax,
然后ajax做你想做的页面处理。。。
至于这个value如何获取, 你可以用在select上面加onChange="方法名"
代码:

我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯