给大家分享一个省市选区择框实现.docxVIP

给大家分享一个省市区选择框_js实现运行效果：=================================================部分代码：=================================================当然首先你数据库中要有这个table，不然你没有数据.....^_^ 1 tr 2 td class=tr pr10 3 所在地: 4 /td 5 td class=tl 6 input type=hidden id=myProvince value=${user.provinceId}/ 7 input type=hidden id=myCity value=${user.cityId}/ 8 input type=hidden id=myRegion value=${user.regionId}/ 9 select id=provinceSelect name=user.provinceId10 c:forEach items=${xzqhs} var=xzqh11 option value=${xzqh.provinceId} ${user.regionId eq xzqh.provinceId?selected=selected:}${xzqh.province}/option12 /c:forEach13 /select14 select id=citySelect name=user.cityId15 /select16 select id=regionSelect name=user.regionId17 /select18 /td19 td class=gray/td20 /trjs代码： 1 /** 2 * 加载市 3 * 4 */ 5 function loadCity() { 6 var provinceId = $(#provinceSelect option:selected).val(); 7 if(provinceId == null || provinceId == ){ 8 //alert(找不到省); 9 }else{10 $.post(rootPath+/loadCity, {11 q : provinceId12 }, function(data, result) {13 if(data == noId){14 alert(请求错误);15 }else if(data == null){16 alert(系统找不到属于该省的市);17 }else{18 data = eval({ + data + });19 var citySelect = $(#citySelect);20 var myCity = $(#myCity).val();21 citySelect.html();22 for ( var i = 0; i data.length; i++) {23 if(myCity != null myCity != myCity 0 myCity == data[i].id){24 citySelect.append(option selected=selected value= + data[i].id + 25 + data[i].name + /option);26 }else{27 citySelect.append(option value= + data[i].id + 28 + data[i].name + /option);29 }30 }31 loadRegion();32 }33 });34 }35 };36 37 /**38 * 加载区39 * 40 */41 function loadRegion() {42 var cityId = $(#citySelect option:selected).val();43 if(cityId == null || cityId == || cityId 1){44 alert(找不到市);45 }else{46 $.post(rootPath+/loadRegion, {47 q : cityId48 }, function(data, result) {49 if(data == noId){50 alert(请求错误);51 }else if(data == null){52 alert(系统找不到属于该市的区);53 }else{54 data = eval({ + data + });55 var regionSelect = $(#regionSelect);56 var myRegion = $(#myRegion).val();5