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);

评论

1 楼 xigua366 2011-08-14  

后台代码怎么写的？