开发者社区> 问答> 正文

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

  1. 默认的选项如图:

    1. 点击#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();
			};

 

展开
收起
kun坤 2020-06-08 16:38:43 818 0
1 条回答
写回答
取消 提交回答
  • 请大家帮忙解答下! ######先写一个二级联动,之后再三级,最后再四级.######

    引用来自“洋仔”的评论

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

    恩,现在遇到的问题是,sel1更新后,获取到sel2的值不是最新的,还是老的值,不知道该如何解?
      ######sel2是动态取出来的?加个随机数,把sel2值清空后再追加######同问,求高手指点!

    2020-06-08 16:38:50
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
阿里云栖开发者沙龙PHP技术专场-直面PHP微服务架构挑战-高驰涛 立即下载
PHP安全开发:从白帽角度做安全 立即下载
PHP 2017.北京 全球开发者大会——高可用的PHP 立即下载