求助php ajax jquery城市联动获取select的ID遇到的问题?

kukala 发布于 2014/11/13 19:52
阅读 796
收藏 1

1. 默认的选项如图:

2. 点击#sel1选择欧洲,#sel2已经更改为获取的ajax内容了,但是获取到的id值确是之前默认时的id=7,想要获取的是id=98,如图

 

 

JS代码如下,不知道有点乱 = =!

$(document).ready(function(){
			$("#sel1").change(sel1); 
			$("#sel2").change(sel2); 
			
			function sel1(){
				zhi=$("#sel1").val();
				$.ajax({
					   type: "get",
					   url: "/?a=getCity",
					   data: "id="+zhi,
					   success: function(data){
						 	var dataObj = eval("("+data+")");
						 	var content='';
						 	$("#sel4").hide();
						 	$("#sel3").hide();
						 	$("#sel2").hide();
							$("#sel2").empty();
						 	$.each(dataObj,function(index,item){ 
							   content+="<option value="+item.id+">"+item.name+"</option>"; 
							})
							$("#sel2").html(content);
							$("#sel2").show();
					   }
				});			
				sel2();
			};
			function sel2(){
				zhi=$("#sel2").val();				
				$.ajax({
					   type: "get",
					   url: "/admin?a=getCity",
					   data: "id="+zhi,
					   success: function(data){						   
							if(data=="null"){
														$("#sel3").hide();	
								$("#sel4").hide();	
							}else{
								var dataObj = eval("("+data+")");
							   	var content='';
							   	$.each(dataObj,function(index,item){ 
								   	content+="<option value="+item.id+">"+item.name+"</option>";
								})
														$("#sel3").html(content);
								$("#sel3").show();
								$("#sel4").show();
							}		
					   }
				});	
				sel3();
			};

 

加载中
0
k
kukala

请大家帮忙解答下!

0
仔仔_杨
仔仔_杨
先写一个二级联动,之后再三级,最后再四级.
0
k
kukala

引用来自“洋仔”的评论

先写一个二级联动,之后再三级,最后再四级.

恩,现在遇到的问题是,sel1更新后,获取到sel2的值不是最新的,还是老的值,不知道该如何解?

 

仔仔_杨
仔仔_杨
sel2是动态取出来的?加个随机数,把sel2值清空后再追加
0
小_柒
小_柒
同问,求高手指点!
返回顶部
顶部