现在的位置: 首页 > 综合 > 正文

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

2013年06月22日 ⁄ 综合 ⁄ 共 949字 ⁄ 字号 评论关闭

<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

抱歉!评论已关闭.