• 简单的ThinkPHP 二级联动


    在网上看了很多关于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();

               }

    }

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

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

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

  • 相关阅读:
    ISEX安全期计算 V4.0 多国语言版女性安全期避孕计算实用工具软件
    FireARP防火墙 V3.1防局域网ARP攻击的软件
    asp.net页面字段绑定概述
    C# 删除、遍历指定目录下的所有指定文件、文件夹
    加入收藏、设为首页常用脚本
    分页加载数据Demo
    学习fragment的生命周期
    widget控件
    Menu菜单的代码和xml的创建
    WebView控件
  • 原文地址:https://www.cnblogs.com/xiaofeng028/p/3557312.html
Copyright © 2020-2023  润新知