1. 程式人生 > >jquery ajax提交,返回list,然後遍歷,重新整理select

jquery ajax提交,返回list,然後遍歷,重新整理select

ajax提交,返回list,然後遍歷
function getCityBypro(item){
		$.ajax({
			type: "POST",
		   	url: "gtCityByProId.action",
		   	data: "proid=" + item.value,
		   	dataType:"json",
		   	success: function(data){
		   		var items = data.cityVOList;
		   		$.each(items, function(i, n){
		   			alert(items[i].cityid);
		   		});
		   	}
	 	});	
	}


更新
繫結某個select,使其可以修改二級select的option,但為什麼不像prototype那樣可以直接add option?
  	$("#chiproid").change(function(){
	  	$.ajax({
				type: "POST",
			   	url: "gtCityByProid.action",
			   	data: "chiproid=" + this.value,
			   	dataType:"json",
			   	success: function(data){
			   		var items = data.cityVOList;
			   		if(items != null){
			   			$("#chicityid").empty();
			   			$.each(items, function(i, n){
			   			$("#chicityid").append("<option value='" + items[i].cityid + "'>" + items[i].cityname + "</option>");  
			   		});
			   		}
			   	}
		 	});	
  	});


再次更新:找到用add option 的方法了。
var option = new Option(items[i].cityname, items[i].cityid);
			   			$('#chicityid')[0].options.add(option);