ajax三级联动

来源:互联网 发布:尼克杨数据 编辑:程序博客网 时间:2024/06/16 18:17
<script type="text/javascript">//进入页面自动加载省级列表$(function (){// alert("123")$.ajax({url:"selectAction_selectSheng.action",type:"post",data:"",dataType:"json",success:function(str){var strHTML='<option value="-1">-请选择-</option>';for (var i = 0; i < str.length; i++) {strHTML+='<option value="'+str[i].id+'">'+str[i].full_name+'</option>';}$("#s1").html(strHTML);},error:function(){alert("系统错误");}})})//省级改变,触发市级显示$("#s1").change(function (){$.ajax({url:"selectAction_selectShi.action",type:"post",data:{'shengID':$(this).val()},//【重点:这里动态把父级id传到后台,以键值对的方式传值】【data可以键值对传值!!!】dataType:"json",success:function(str){alert("进入市ajax")var strHTML='<option value="-1">-请选择-</option>';for (var i = 0; i < str.length; i++) {strHTML+='<option value="'+str[i].id+'">'+str[i].full_name+'</option>';}$("#s2").html(strHTML);$("#s3").html("<option value='-1'>-请选择-</option>");},error:function(){alert("系统错误");}})})//市级改变,触发县$("#s2").change(function (){$.ajax({url:"selectAction_selectXian.action",type:"post",data:{'shiID':$(this).val()},dataType:"json",success:function(str){alert("进入市ajax")var strHTML='<option value="-1">-请选择-</option>';for (var i = 0; i < str.length; i++) {strHTML+='<option value="'+str[i].id+'">'+str[i].full_name+'</option>';}$("#s3").html(strHTML);},error:function(){alert("系统错误");}})})</script>
<div id="d1"><select name="shengID" id="s1"></select><select name="shiID" id="s2"></select><select name="xianID" id="s3"></select></div>


原创粉丝点击