省と地のカスケード


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>