读书人

用JQUERY处置THINKPHP构造返回的多级J

发布时间: 2012-08-03 00:12:14 作者: rapoo

用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

读书人网 >JavaScript

热点推荐