$.each遍历两个列表数据显示在一个select下拉框中,选中后回显

1、select框
下面的hidden输入框意思是:后台拿到选中数据,暂存在hidden输入框里
在这里插入图片描述
2、发起请求 加载数据
在这里插入图片描述

var flag = true;
//加载部门
function loadDept(url){
   $.ajax({

       type:"get",
       dataType:"json",
       contentType:"application/json;charset=utf-8",
       url:url,
       success:function(result){
           if(flag){  //如果为true,说明请求的是第一个列表的数据,就把“全部”加上
               if($("#cbdeptname").val() == null || $("#cbdeptname").val() == ''){   
               	   //如果hidden输入框的值为空,说明没有选中下拉框的任何一项,就默认选中“全部”
                   $("#cbdw_select").append("<option value='' selected>全部</option>");
               }else{
                   //如果hidden输入框的值不为空,说明没有选中了下拉框的任何一项(后台传的),就不选中“全部”
                   $("#cbdw_select").append("<option value=''>全部</option>");
               }
               flag = false;
           }
		   
		   //遍历后台返回的列表数据
           $.each(result,function(index,dept){
           	   // 同理 ,如果发现当前dept的值等于hidden输入框的值(后台存的),就让当前dept选中
               if(dept.name == $("#cbdeptname").val()) {
                   $("#cbdw_select").append("<option value='" + dept.name + "' selected>" + dept.name + "</option>");
               }else{
                   $("#cbdw_select").append("<option value='" + dept.name + "'>" + dept.name + "</option>");
               }

           })
       },
       error : function(XMLHttpRequest, textStatus, errorThrown) {
           var txt1=  "加载列表出现异常!";
           var option1 = {
               title: "提示",
               btn: parseInt("0001",2),
               onOk: function(){
                   //console.log("确认啦");
               },
               onCancel: function () {
                   //console.log("取消");
               }
           }
           window.wxc.xcConfirm(txt1, "info", option1);
       },
       async:false				//false表示同步
   });
}

3、回显
下面的参数是在另一个方法里获取并存储的
在这里插入图片描述
在这里插入图片描述

4、后台
在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值