联动select (java,js)

 $(function () {
			$("#selprovince").change(function(){
			     $('#selcity option').remove();
			     $('#selcity').append("<option value='-1'>请选择</option>");	
			     $.ajax({
					  type: "POST",
					  url: "<%=webapp%>/view/findAllCityById.action",
					  data: {proID: $("#selprovince").val()}
					}).done(function( msg ) {
						var strs= new Array()
						strs = msg.split(";");
						for (i=0;i<strs.length-1;i++ )   
					    {
					     var city = strs[i];
					     var citys= new Array()
					     citys = city.split(":");
					     $('#selcity').append("<option value='"+citys[0]+"'>"+citys[1]+"</option>");
					    } 
					});
			});
		 });

 

 

public void findAllCityById(){
		cityList = userService.findAllCitybyId(proID);
		PrintWriter out = null;
		try {
			HttpServletResponse response = getResponse();
			response.setContentType("text/plain");
			response.setCharacterEncoding("utf-8");
			out = response.getWriter();
			StringBuffer sb = new StringBuffer();
			for(City city:cityList){
				sb.append(city.getCityID());
				sb.append(":");
				sb.append(city.getCityName());
				sb.append(";");
			}
			out.print(sb.toString());
		} catch (IOException e) {
			e.printStackTrace();
		}
		
	}

 

<s:select name="userDeliver.province" id="selprovince" list="proList" headerKey="-1" headerValue="请选择" listKey="proID" listValue="proName"></s:select>

<s:select name="userDeliver.city" id="selcity" list="cityList" headerKey="-1" headerValue="请选择" listKey="cityID" listValue="cityName"></s:select>