//3级级联 国家--城市 function updateProvContent(){ //隐藏二级、三级下拉框 $('#native1').css('display','none'); $('#native2').css('display','none'); var selectedValue = $('#nativePlace0').val(); //第一步:移除所有下级选择框 var typeTr = $("#nativePlace1"); typeTr.empty(); var typeTr2 = $("#nativePlace2"); typeTr2.empty(); //第二步:如果选项值不为空 ,添加下一级选择框的值 if(selectedValue != null && "" != selectedValue){ var requestUrl = "${RootPath}base/area/list-by-parentid";//这里是拿数据的地址 $.ajax({ async : false, type : "post", url : requestUrl, dataType : "json", data : { parentId:selectedValue// 传进去的值 }, success : function(jsonData) { $('#native1').css('display','block'); var select = jsonData.data; if(select != null && select != "" && select.length > 0){//如果子列表有值则把值赋上去 var tr = "<option value=''>请选择省市</option>"; for(var i = 0 ; i < select.length ; i ++){ tr = tr + "<option value='" + select[i].id + "'>" + select[i].name + "</option>"; } $('#nativePlace1').append(tr); } } }); } } //城市--县区 function updateCityContent(){ //隐藏三级下拉框 $('#native2').css('display','none'); var selectedValue = $('#nativePlace1').val(); //第一步:移除所有下级选择框 var typeTr = $("#nativePlace2"); typeTr.empty(); //第二步:如果选项值不为空 ,添加下一级选择框的值 if(selectedValue != null && "" != selectedValue){ var requestUrl = "${RootPath}base/area/list-by-parentid";//这里是拿数据的地址 $.ajax({ async : false, type : "post", url : requestUrl, dataType : "json", data : { parentId:selectedValue// 传进去的值 }, success : function(jsonData) { $('#native2').css('display','block'); var select = jsonData.data; if(select != null && select != "" && select.length > 0){//如果子列表有值则把值赋上去 var tr = "<option value=''>请选择地区</option>"; for(var i = 0 ; i < select.length ; i ++){ tr = tr + "<option value='" + select[i].id + "'>" + select[i].name + "</option>"; } $('#nativePlace2').append(tr); } } }); } }