4
回答
求助php ajax jquery城市联动获取select的ID遇到的问题?
利用AWS快速构建适用于生产的无服务器应用程序,免费试用12个月>>>   

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

 

举报
kukala
发帖于3年前 4回/658阅
顶部