首页 > 后端开发 > php教程 > javascript - 关于thinkphp 与 ajax 实现二级联动下拉列表

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

WBOY
发布: 2016-06-06 20:14:04
原创
1239 人浏览过

表的结构
cId 分类id
cName 分类名称
gid 父级id
这是我的HTML页面

<code>               <volist name="rs" id="val">
                   <option value="{$val.cId}">{$val.cName}</option>                      
                   </volist>
           
           <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 b value='"+data[i].cId+"'>"+data[i].cName+"";
               }
            $("#lables").append(b);
        }
    });
   });</count></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刚接触

回复内容:

表的结构
cId 分类id
cName 分类名称
gid 父级id
这是我的HTML页面

<code>               <volist name="rs" id="val">
                   <option value="{$val.cId}">{$val.cName}</option>                      
                   </volist>
           
           <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 b value='"+data[i].cId+"'>"+data[i].cName+"";
               }
            $("#lables").append(b);
        }
    });
   });</count></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代码段你原来正常的是怎样的?怎么又有display又有ajaxReturn的。。

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板