function openSelectAddress(){ //打开地址
var url = $WEB_ROOT_PATH+'/w/wh010/getSysProvincesByCountryId';
$.postJson(url, function(result) {
$("#provinceId").combobox({
data : result,
valueField:'id',
textField:'name',
cache:false,
editable:false, //只读
onLoadSuccess: function () { //加载完成后,设置选中的项
$("#provinceId").combobox('select',result[0].id);
},
onSelect:function(record){
var provinceId = record.id;
var url = $WEB_ROOT_PATH+'/w/wh010/getSysCityByProvinceId';
$.post(url,{provinceId:provinceId}, function(result) { //二级联动
$("#cityId").combobox({
data : result,
valueField:'id',
textField:'name',
cache:false,
editable:false,
onLoadSuccess: function () { //加载完成后,设置选中的项
$("#cityId").combobox('select',result[0].id);
},
onSelect:function(record){
var cityId = record.id;
var url = $WEB_ROOT_PATH+'/w/wh010/getSysDistrictBycityId';
$.post(url,{cityId:cityId}, function(result) { //三级联动
$("#districtId").combobox({
data : result,
valueField:'id',
textField:'name',
cache:false,
editable:false,
onLoadSuccess: function () { //加载完成后,设置选中的项
$("#districtId").combobox('select',result[0].id);
}
});
},'json');
}
});
},'json');
}
});
},'json');
}
function openSelectedAddress(provinceId){ //回显地址
var url = $WEB_ROOT_PATH+'/w/wh010/getSysProvincesByCountryId';
$.postJson(url, function(result) {
$("#provinceId").combobox({
data : result,
valueField:'id',
textField:'name',
cache:false,
editable:false, //只读
onLoadSuccess: function () { //加载完成后,设置选中的项
for (var i = 0;i<result.length;i++)
if (result[i].id == provinceId) {
$(this).combobox("select",provinceId);
}
}
},
onSelect:function(record){
var provinceId = record.id;
var url = $WEB_ROOT_PATH+'/w/wh010/getSysCityByProvinceId';
$.post(url,{provinceId:provinceId}, function(result) { //二级联动
$("#cityId").combobox({
data : result,
valueField:'id',
textField:'name',
cache:false,
editable:false,
onLoadSuccess: function () { //加载完成后,设置选中的项
$("#cityId").combobox('select',result[0].id);
},
onSelect:function(record){
var cityId = record.id;
var url = $WEB_ROOT_PATH+'/w/wh010/getSysDistrictBycityId';
$.post(url,{cityId:cityId}, function(result) { //三级联动
$("#districtId").combobox({
data : result,
valueField:'id',
textField:'name',
cache:false,
editable:false,
onLoadSuccess: function () { //加载完成后,设置选中的项
$("#districtId").combobox('select',result[0].id);
}
});
},'json');
}
});
},'json');
}
});
},'json');
}
//后记:至于不写方法回参进行判断是因为样式,二级下拉框加载不过来,所以回显就又写了一遍加了一次判断(没仔细看样式的变化进行调试,先这样记录了)
easyui-combobox之三级联动和回显
最新推荐文章于 2021-03-19 00:09:07 发布