下拉列表的二级联动

做一个商家和店铺的二级联动的下拉列表

$("#company").change(function(){
    //获取当前商家的值
    var id = $(this).val();
    //判断如果是空 清空店铺的下拉列表
    if(id == ''){

        $("#store").find("option").remove();
    } else {
        //否则更新店铺列表
        shopList(id);
    }
});

//查商家名称
function  companyList() {
        $.ajax({
            url: skstoremodelUrl+'getCompanyDate',
            dataType: "json",
            type: "POST",
            data: {
                createUserName:userId
            },
            success: function (data) {
                var str = "<option value=''>请选择商户</option>";
                //循环遍历data 创建对应的 option
                $(data).each(function(index, value){
                    str +="<option value='"+value.companyInfoId+"'>"+value.companyInfoName+"</option>";
                })
                //清空下拉列表以前的数据
                $("#company").find("option").remove();
                //添加新的数据
                $("#company").append(str);
                //判断user的权限较低的时候
                if(userPower!=0){
                    //商铺的值就等于他对应的第一条记录
                    $("#company").val(data[0].companyInfoId);
                    //显示的数据也是第一条记录
                    $("#select2-chosen-1").text(data[0].companyInfoName);
                    //状态不可改变
                    $("#company").attr("disabled","disabled")
                }
            },
            complete:function(XMLHttpRequest,textStatus){
            },
            error:function(XMLHttpRequest,textStatus,errorThrown){
                alert(JSON.stringify(XMLHttpRequest));
            }
        });
}
//查店铺名称     
  function shopList(id){
      
        $.ajax({
            url: skstoremodelUrl+'selStoreByCompanyId',
            dataType: "json",
            type: "POST",
            async: false,
            data: {
                storeInfoCompanyInfoId: id
            },
            success: function (data) {
                var str = "<option value='0'>请选择店铺</option>";
                $(data).each(function(index, value){
                    str +="<option value='"+value.storeInfoStoreId+"'>"+value.storeInfoName+"</option>";
                })
                //清空下拉列表以前的数据
                $("#store").find("option").remove();
                //添加新的数据
                $("#store").append(str);
            },
            complete:function(XMLHttpRequest,textStatus){
            },
            error:function(XMLHttpRequest,textStatus,errorThrown){
                alert(JSON.stringify(XMLHttpRequest));
            }
            
        })
    };
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值