省份和地市的级联

1、设计省份和地市级联的JS

<script type="text/javascript">
    /**
	 * 请求地市
	 */
	 function cityData(proId)
	 {
	      //清空地市下拉框
	      $("#cityId").empty();
	      //添加全部
	      $("#cityId").append("<option value=''>全部</option>");
		  /**请求响应和传参**/
		  $.ajax({
		      dataType:"POST",
			  url:"../page/city.action:?proId="+proId,
			  type:"json",
			  success:function(data){
			      for(var i=0;i<data.items.length;i++)
				  {
				       $("#cityId").append("<option value=" + data.items[i].id + ">"
					                        + data.items[i].name + "</option>");
				  }
			  }
		  });
	 }

     /**
	  *  省份改变事件
	  */
	 function proType()
	 {
	      var proId = $("#proId").val();
		  $("#cityId").empty();
		  if(proId == "")
		  {
		      cityData(proId);
		  }
		  else
		  {
		      $("#cityId").append("<option value=''>全部</option>");
		  }
	 }
</script>

2、设计省份和地市级联的页面

<label>省份：</label>
<select id="proId" onchange="proType()"></select>

<label>地市：</label>
<select id="cityId"></select>