用JQUERY处理THINKPHP构造返回的多级JSON数据
2012-07-08 23:02
369 查看
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script type="text/javascript">$(function(){ $("#pid").bind("change",function(){if($(this).val()!=0){$.get("{:u('Ajax/getCategoryList')}",{pid:""+$(this).val()+""},function(data){var obj = $.parseJSON(data);if(obj.data==null){$("#pid2").html('');}else{var optionStr = "";for(i=0;i<obj.data.length;i++){optionStr += "<option value='" + obj.data[i].id + "'>" + obj.data[i].name + "</option>";}$("#pid2").html(optionStr);} })}else{$("#pid2").html('');$("#pid3").html('');} }) $("#pid2").bind("change",function(){$.get("{:u('Ajax/getCategoryList')}",{pid:""+$(this).val()+""},function(data){ var obj = $.parseJSON(data);if(obj.data==null){$("#pid3").html('');}else{var optionStr = "";for(i=0;i<obj.data.length;i++){optionStr += "<option value='" + obj.data[i].id + "'>" + obj.data[i].name + "</option>";}$("#pid3").html(optionStr);} })}) })</script>更多信息请查看 java教程网 www.itchm.com
相关文章推荐
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- Jquery 局部刷新及 表单取值赋值 处理返回json数据
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- Jquery 局部刷新及 表单取值赋值 处理返回json数据 一些基本操作
- jQuery getJSON 处理json数据的代码 解决ajax跨域返回json 数据问题
- Jquery 表单取值赋值 处理返回json数据
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- jquery序列化form表单使用ajax提交后处理返回的json数据
- 结合SSH1,JQuery的ajax返回json数据的处理过程
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- jQuery处理json数据返回数组和输出的方法
- 用Jquery处理PHP返回的JSON格式数据的三种方法
- Jquery 局部刷新及 表单取值赋值 处理返回json数据 一些基本操作
- jquery序列化form表单使用ajax提交后处理返回的json数据
- JQuery调用webservice,返回的json数据和XML数据的处理方法
- jQuery form插件的使用之处理server返回的JSON, XML,HTML数据
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- jQuery Easyui form 提交验证 与 json数据返回结果的处理
- 【js与jquery】jquery对返回json格式数据的处理和解析
- Jquery 表单取值赋值 处理返回json数据