二级联动菜单select标签option遍历list取值

第一级菜单以前台固定为例



为select标签添加onchange事件,并将所需参数传入后台

function SelectIsAgency(m){
   $.ajax({
   type:"POST",
   url:'selectIsAgency?is_agency='+m,
   dataType:'json',
   success:function(data){
   $("#agency_no").find("option").remove(); //每次清楚之前查询缓存
   $("#agency").find("option").remove(); 
 for (var i = 0; i< data.length; i++) {
 var a = data[i];
 $("#agency_no").append("<option value='" + a.merchantId+  "'>" + a.merchantId+  "</option>"); //动态放入所需的值
 $("#agency").append("<option value='" + a.merchantName+ "'>" + a.merchantName+  "</option>");
}
   },error:function (XMLHttpRequest, textStatus, errorThrown) {
msgShow("系统提示", errorThrown, 'error');
$("#verifyConfirmAdd").removeAttr('disabled');
}
   });
}


后台通过所获取的参数获取所需要的第二级菜单属性,本例获取为list

第二级菜单:首先后台取出list,通过Stringcom.alibaba.fastjson.JSON.toJSONString(Object object)的方法转换为Josn格式传回前台

model.addAttribute("agencyList", agencyList);
String isagency = JSON.toJSONString(agencyList);
return isagency;

然后前台获取到所需要的list并进行遍历,然后动态放入到option里面,并在每次方法调用前清楚上一起的缓存

将regions_person部分替换为自己select标签的id,其中sellerName和sellerId为动态获取的属性名和id

前台代码如上

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值