級聯查詢案例


1.后台查詢所有省份信息返回省份的list集合:

Map<String, Object> map = new HashMap<String, Object>();
String jb = "1";
//查詢省會
List<AreaDaBean> proviceList = areaService.queryAreaByJb(jb);
map.put("proviceList", proviceList);

2.根據省份編碼ajax加載省份下的城市信息,返回json數據:

Area areaInfo = new Area();
areaInfo.setRegionNum(regionNum);
List<Area> arealist = areaService1.selectList_Num(areaInfo);
result.setRetObj(JSONArray.toJSONString(arealist));

3.根據城市編碼獲取鄉鎮信息,返回json數據:

Area areaInfo = new Area();
areaInfo.setRegionNum(regionNum);
List<Area> arealist = areaService1.selectList_Num2(areaInfo);
result.setRetObj(JSONArray.toJSONString(arealist));

4.頁面遍歷顯示:每次選擇之前清除之前的數據:

var proviceList = ret.retObj.proviceList;
if (proviceList)
{
var optionStr = "<option value=''>--請選擇--</option>";
for (var j = 0; j < proviceList.length; j++)
{
optionStr += "<option value='"+ proviceList[j].regionNum + "'>" + proviceList[j].regionName + "</option>";
}
$("#proviceNum").html(optionStr);
}
//------城市--------------
/**
* 根據選擇的省份編碼查詢身份下市級信息
*/

$('#proviceNum').change(function(){
var sel_value = $(this).val() //得到當前選中的值
var sel_reg_num =sel_value.substr(0,2);
$.ajax({
url: **** + '***/***.json',
data:{"regionNum":sel_reg_num},
type:'post',
cache:false,
dataType:'json',
success: function (ret) {
if(ret){
if(ret.retCode == '0'){
var jsonArr = eval("(" + ret.retObj + ")");
var city = '';
city = '<option value="" >請選擇</option>';
$(jsonArr).each(function(i){
city += '<option value="'+this.regionNum+'" >'+this.regionName+'</option>';
});
$("#cityNum").html(city);
//把區縣下拉框置為空
$("#countyNum").html('<option value="">請選擇</option>');
}else{
}
}
}
});
});
//------------鄉鎮信息---------
/**
* 根據選擇的市查詢縣區信息
*/

$("#cityNum").change(function(){
var sel_value = $(this).val() //得到當前選中的值
var sel_reg_num =sel_value.substr(0,4);
$.ajax({
url: ****.json',
data:{"regionNum":sel_reg_num},
type:'
post',
cache:false,
dataType:'
json',
success: function (ret) {
if(ret){
if(ret.retCode == '
0'){
var jsonArr = eval("(" + ret.retObj + ")");
var city = '
';
city = '
<option value="" >請選擇</option>';
$(jsonArr).each(function(i){
city += '
<option value="'+this.regionNum+'" >'+this.regionName+'</option>';
});
$("#countyNum").html(city);
}else{
}
}
}
});
});

注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



單表級聯查詢 MyBatis 的級聯查詢 多表級聯查詢 關於級聯查詢 mybatis同表級聯查詢 hibernate學習:級聯查詢 mybatis多對多級聯查詢 四級級聯查詢 sql語句級聯查詢 mybatis學習(四)(級聯查詢)
 
粤ICP备14056181号  © 2014-2021 ITdaan.com