做一个商家和店铺的二级联动的下拉列表
$("#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));
}
})
};