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>
阅读全文
0 0
- ajax做三级联动
- ajax做三级联动
- Ajax三级联动
- ajax知识点-三级联动
- AJAX实现三级联动
- AJAX三级联动
- ajax三级联动
- 三级联动AJAX
- jquery ajax 三级联动
- Ajax实现三级联动
- ajax三级联动
- jQuery Ajax三级联动
- ajax省市区三级联动
- ajax三级联动菜单
- Ajax三级联动
- ajax省市区三级联动
- ajax三级省联动
- ajax三级联动
- HITS算法--从原理到实现
- leetcode448. Find All Numbers Disappeared in an Array
- NOIP2013Day2T1积木大赛解题报告
- PostgreSQL数据库Dig7—SQL 语法(Syntax)
- mysql The server time zone value 异常
- ajax三级联动
- linux安装必看
- [从零开始系列]AndroidApp研发之路(一) 网络请求的封装(一)
- red hat 下配置上网
- 使用应用上下文容器(ApplicationContext)来获取bean的bean的生命周期
- TypeScript学习笔记(三)Webpack
- Fedora下安装Fcitx
- 完美解决Can't connect to local MySQL server through socket mysql.sock
- 【ThreadLocal】深入JDK源码之ThreadLocal类