在网上看了很多关于thinkphp二级联动的文章,但我个人感觉写的都不是很简单,有些繁琐,下面是我写的一个简单的二级联动。本人是新手 高手可以不用往下看了.

html文件:

liandong.html

首先要引入jquery.js文件

<html>

<title>二级联动</title>

<head>

<script src="__PUBLIC__/scripts/jquery.js" type="text/javascript"></script>

<script type="text/javascript">

 $(function(){
        $('#AreaId').change(function(){
            //获取父类的id
            var $id=$('#AreaId').val();

           //通过ajax进行传值

            $.getJSON('__URL__/liandong',{id:$id},function(data){

                //回调函数
                if (data.status==1){ 

                   //首先清除子类中值不为空的,如果没有这句话你会发现子类的显示会这个增加,二不是你想要的结果
                    $('#ServerId option[value!=""]').remove();

                    //计算返回数组的数目,并循环显示

                    for (var i=0;i<=data.data.length;i++) {

                         //定义html标签,和显示的值,id和type_name为数据库中的字段名

                         var option ="<option value="+data.data[i].id+">"+data.data[i].type_name+"</option>";

                                //显示的位置
                                $(option).appendTo('#ServerId');
                    }
                }
            });
        });
    });

</script>

</head>

<body>

<select id="AreaId" name="AreaId">
                <option selected="selected" value="">请选择游戏区</option>
                <?php

                //循环显示父类
                foreach($plei as $val){
                ?>
                <option value="{$val[id]}">{$val[type_name]}</option>
                <?php
                }
                ?>
            </select>

<select id="ServerId" name="ServerId">
            <option selected="selected" value="">请选择游戏服</option>          
            </select>

</body>

</html>

php文件

IndexAction.class.php

class IndexAction extends Action {

           public function liandong(){

                  //实例化数据表

                  $type=M('Type');

                  //首先是查询类别表中的父类,我的是父类的pid都为0

                  $plei=$type->where('pid=0')->select();

                   //分配变量

                   $this->assign("plei",$plei);

                   //这个主要是判断父类的内容是否发生变化,此判断非常重要(ps:我那会没写这个判断,总是出错,非常头疼)

                   if($_GET[id]){

                   $sel=$type->where('pid='.$_GET[id])->select();

                   $this->ajaxReturn($sel,'子类',1);

                  }

                 $this->display();

           }

}

这是我的类别表数据库截图

这是我将我那个项目用到二级联动的地方 ,将代码写出来 这不是我复制粘贴的,可能有字幕或标点写错的地方,还请大家仔细阅读

如有什么疑问可以给我留言

posted on 2014-02-20 11:47  大海航手  阅读(1028)  评论(0编辑  收藏  举报