《给大家分享一个省市区选择框-js实现供参考》由会员分享，可在线阅读，更多相关《给大家分享一个省市区选择框-js实现供参考（8页珍藏版）》请在金锄头文库上搜索。
1、给大家分享一个省市区选择框_js实现运行效果：=部分代码：=当然首先你数据库中要有这个table，不然你没有数据._ 1 2 3 所在地: 4 5 6 7 8 9 10 11 $xzqh.province12 13 14 15 16 17 18 19 20 js代码： 1 /* 2 * 加载市 3 * 4 */ 5 function loadCity() 6 var provinceId = $(#provinceSelect option:selected).val(); 7 if(provinceId = null | provinceId = ) 8 /alert(找不到省); 9 el
2、se10 $.post(rootPath+/loadCity, 11 q : provinceId12 , function(data, result) 13 if(data = noId)14 alert(请求错误);15 else if(data = null)16 alert(系统找不到属于该省的市);17 else18 data = eval( + data + );19 var citySelect = $(#citySelect);20 var myCity = $(#myCity).val();21 citySelect.html();22 for ( var i = 0; i
3、0 & myCity = datai.id)24 citySelect.append(25 + datai.name + );26 else27 citySelect.append(28 + datai.name + );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 ale
4、rt(找不到市);45 else46 $.post(rootPath+/loadRegion, 47 q : cityId48 , function(data, result) 49 if(data = noId)50 alert(请求错误);51 else if(data = null)52 alert(系统找不到属于该市的区);53 else54 data = eval( + data + );55 var regionSelect = $(#regionSelect);56 var myRegion = $(#myRegion).val();57 regionSelect.html();
5、58 for ( var i = 0; i 0 & myRegion = datai.id)60 regionSelect.append(61 + datai.name + );62 else63 regionSelect.append(64 + datai.name + );65 66 67 68 );69 70 ;71 72 /*73 * 省改变事件74 * 75 */76 $(#provinceSelect).change(loadCity);77 78 /*79 * 市改变事件80 *81 */82 $(#citySelect).change(loadRegion);83 84 85
6、$(function() 86 loadCity();87 );88 89 90 91 92 后台方法： 1 /* 2 * 加载城市数据 3 * 4 */ 5 public void loadCity() 6 if (q = null | q.trim().equals() 7 write(noId); 8 else 9 List citys = xzqhService.queryCitys(q.trim();10 if (citys = null | citys.size() 1) 11 write(null);12 else 13 StringBuilder builder = new StringBuilder();14 for (Xzqh city : citys) 15 builder.append(id:);16 builder.append(city.getCityId();17 builder.append(,name:);18 builder.a
