当前位置: 代码迷 >> JavaScript >> 用JQUERY处置THINKPHP构造返回的多级JSON数据
  详细解决方案

用JQUERY处置THINKPHP构造返回的多级JSON数据

热度:408   发布时间:2012-08-03 00:12:14.0
用JQUERY处理THINKPHP构造返回的多级JSON数据

<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

  相关解决方案