jquery ajax提交，返回list，然后遍历，刷新select

哈哈__哈哈

于 2010-07-15 10:08:29 发布

阅读量160

点赞数

CC 4.0 BY-SA版权

分类专栏： jquery 文章标签： Ajax json Java prototype

本文链接：https://blog.youkuaiyun.com/hongmin118/article/details/83669898

jquery 专栏收录该内容

11 篇文章

订阅专栏

本文介绍如何使用Ajax在页面中动态获取城市数据，并通过循环遍历展示这些数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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