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

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

运行效果：

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

=

部分代码：

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

=

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

1 <tr >

8 <input type ="hidden" id ="myRegion" value ="${user.regionId}"/>

9 <select id ="provinceSelect" name="user.provinceId">

10<c:forEach items ="${xzqhs}" var ="xzqh">

11<option value ="${xzqh.provinceId}" ${user.regionIdeq

xzqh.provinceId?"selected ='selected'":""}> ${xzqh.province} </ option >

12</ c:forEach >

13</ select >

14<select id ="citySelect" name="user.cityId">

15</ select >

16<select id ="regionSelect" name="user.regionId">

17</ select >

3 *

4*/

5 function loadCity() {

6 var provinceId = $("#provinceSelectoption:selected").val();

7 if (provinceId == null || provinceId == ""){

8 //alert(" 找不到省 ");

9 } else {

10 $.post(rootPath+"/loadCity", {

11 "q" :provinceId

12 }, function (data, result) {

19var citySelect = $("#citySelect");

20var myCity = $("#myCity").val();

21citySelect.html("");

22for ( var i = 0; i<data.length; i++) {

23if (myCity != null &&myCity != "" &&myCity> 0 &&myCity == data[i].id){

26} else {

27citySelect.append("<option value='" + data[i].id + "'>"

28 + data[i].name + "</option>");

31loadRegion();

32 }

33 });

34 }

35 };

36

37/**

38 * 加载区

39 *

40*/