用JQUERY处理THINKPHP构造返回的多级JSON数据script typetext/javascript srchttp://ajax.googleapi
用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
