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

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

运行效果：

================================================

=

部分代码：

================================================

=

当然首先你数据库中要有这个table，不然你没有数据 ^_^

1tr

2tdclass=trpr10

3 所在地:

4/td

5tdclass=tl

6inputtype=hiddenid=myProvincevalue=${vinceId}/7inputtype=hiddenid=myCityvalue=${user.cityId}/

8inputtype=hiddenid=myRegionvalue=${user.regionId}/9selectid=provinceSelectname=vinceId10c:forEachitems=${xzqhs}var=xzqh

11optionvalue=${vinceId}${user.regionIdeqvinceId?selected=selected:}${vince}/option12/c:forEach

13/select

14selectid=citySelectname=user.cityId15/select

16selectid=regionSelectname=user.regionId17/select

18/td

19tdclass=gray/td20/tr

js代码：

1/**

2*加载市

3*

4*/

5functionloadCity(){

6varprovinceId=$(#provinceSelectoption:selected).val();7if(provinceId==null||provinceId==){

8//alert(找不到省);9}else{

$.post(rootPath+/loadCity,{

q:provinceId

},function(data,result){13if(data==noId){

14

15}elseif(data16

==

alert(请求错误);

null){

alert(系统找不到属于该省的市);

17}else{

18

data=eval({+data+});

19varcitySelect=$(#citySelect);20varmyCity=$(#myCity).val();21citySelect.html();

22for(vari=0;idata.length;i++){

23if(myCity!=nullmyCity!=myCity0myCity==data[i].id){24citySelect.append(optionselected=selectedvalue=+data[i].id

+

25 +data[i].name+/option);

26}else{

27citySelect.append(optionvalue=+data[i].id+

28

+

data[i].name

+

/option);

29

}

30

}

31loadRegion();

32

}

33 });

34 }

35};

36

37/**

38*加载区

39*

40*/41functionloadRegion(){

42varcityId=$(#citySelectoption:selected).val();43if(cityId==null||cityId==||cityId1){

44 alert(找不到市);45}else{

$.post(rootPath+/loadRegion,{

q:cityId

},function(data,result){49if(data==noId){

50

51}elseif(data52

==

alert(请求错误);

null){

alert(系统找不到属于该市的区);

53}else{

54

data=eval({+data+});

55varregionSelect=$(#regionSelect);56varmyRegion=$(#myRegion).val();57regionSelect.html();

58for(vari=0;idata.length;i++){

59if(myRegion!