javascript - 关于thinkphp 与 ajax 实现二级联动下拉列表-php教程-PHP中文网

javascript - 关于thinkphp 与 ajax 实现二级联动下拉列表

php中文网

发布： 2016-06-06 20:14:04

原创

1378人浏览过

表的结构
cid 分类id
cname 分类名称
gid 父级id
这是我的html页面

<code>               <volist name="rs" id="val">
                   <option value="{$val.cId}">{$val.cName}</option>                      
                   </volist>
           </select>
           <select name="lable" id="lables">
                               
           </select></code>

登录后复制

ajax代码
<script><br>$('#gType').click(function(){</script>

360 AI助手

360公司推出的AI聊天机器人聚合平台，集合了国内15家顶尖的AI大模型。

140

查看详情

<code>$(this).change(function(){
    var objectModel = {};
    var   value = $(this).val();
   var   type = $(this).attr('id');
    objectModel[gType] =value;
    $.ajax({
        cache:false,
        type:"POST",
        url:"__APP__/Goods/goodsAdd",
        dataType:"json",
        data:objectModel,
        timeout:30000,
        success:function(data){
            $("#lables").empty();
            var count = data.length;
            var i = 0;
            var b="";
               for(i=0;i<count;i++){
                   b+="<option value='"+data[i].cId+"'>"+data[i].cName+"</option>";
               }
            $("#lables").append(b);
        }
    });
   });</code>

登录后复制

}
);

thinkphp接收页面
public function goodsAdd(){

<code>    $model=M("category");        
    $rs=$model->where("pid=0")->select();
    $this->assign("rs",$rs);
    $this->display();
    $result = array();
    $cate =$_POST['gType'];
    var_dump($cate);
    $result = M('category')->where(array('pid'=> $cate))->field('cId,cName')->select();
    var_dump($result);
    $this->ajaxReturn($result,"JSON");
    
    
}</code>

登录后复制

请问哪里出错了 ajax刚接触

立即学习“PHP免费学习笔记（深入）”；

回复内容：

表的结构
cid 分类id
cname 分类名称
gid 父级id
这是我的html页面

<code>               <volist name="rs" id="val">
                   <option value="{$val.cId}">{$val.cName}</option>                      
                   </volist>
           </select>
           <select name="lable" id="lables">
                               
           </select></code>

登录后复制

ajax代码
<script><br>$('#gType').click(function(){</script>

<code>$(this).change(function(){
    var objectModel = {};
    var   value = $(this).val();
   var   type = $(this).attr('id');
    objectModel[gType] =value;
    $.ajax({
        cache:false,
        type:"POST",
        url:"__APP__/Goods/goodsAdd",
        dataType:"json",
        data:objectModel,
        timeout:30000,
        success:function(data){
            $("#lables").empty();
            var count = data.length;
            var i = 0;
            var b="";
               for(i=0;i<count;i++){
                   b+="<option value='"+data[i].cId+"'>"+data[i].cName+"</option>";
               }
            $("#lables").append(b);
        }
    });
   });</code>

登录后复制

}
);

thinkphp接收页面
public function goodsAdd(){

<code>    $model=M("category");        
    $rs=$model->where("pid=0")->select();
    $this->assign("rs",$rs);
    $this->display();
    $result = array();
    $cate =$_POST['gType'];
    var_dump($cate);
    $result = M('category')->where(array('pid'=> $cate))->field('cId,cName')->select();
    var_dump($result);
    $this->ajaxReturn($result,"JSON");
    
    
}</code>

登录后复制

请问哪里出错了 ajax刚接触

立即学习“PHP免费学习笔记（深入）”；

PHP代码段你原来正常的是怎样的？怎么又有display又有ajaxReturn的。。