• Linux
  • apache
  • centos
  • Git版本管理
  • Linux基本命令
  • linux配置与优化
  • Nginx
  • PHP
  • Redis
  • Supervisor
  • Swoole
  • windows
  • THINKPHP
  • 开发者手册
  • Chat GPT / Open Ai
  • php四级联动

    全屏阅读
  • 基本信息
  • 作者:
  • 作者已发布:925篇文章
  • 发布时间:2016年06月03日 8:51:52
  • 所属分类:html
  • 阅读次数:2763次阅读
  • 标签:
  • php+jQuery实现的四级联动

    前台:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    <html>
    <head>
        <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
        <scripttype="text/javascript"src="jquery-1.7.1.min.js"></script>
        <scripttype="text/javascript">
            $.post("bak.php", {id:0},
                function(status){
                    str = '<option>请选择</option>';
                    for(var i=0;i<status.length;i++){
                        str += '<optionvalue="'+status[i].id+'">'+status[i].name+'</option>';
                    }
                $('select').html(str);
                }, "json");
            function change(obj){
                $(obj).nextAll().remove();
                $.ajax({
                    'url':'bak.php',
                    'type':'post',
                    'data':{'id':$(obj).val()},
                    'dataType':'json',
                    'success':function(status){
                        str = '<selectonchange="change(this)"><option>请选择</option>';
                        for(var i=0;i<status.length;i++){
                            str += '<optionvalue="'+status[i].id+'">'+status[i].name+'</option>';
                        }
                        str += '</select>';
                        $('select:last').after(str);
                    }
                });
            }
        </script>
    </head>
    <body>
        <selectonchange="change(this)">
     
        </select>
    </body>
    </html>

    后台:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    <?php
     
        $id= isset($_POST['id']) ?$_POST['id'] : 0 ;
        $conn= mysql_connect('localhost','root','');
        mysql_select_db('mogu');
        $result= mysql_query("set names 'utf8'");
        $sql="select * from city where upid=".$id;
        $result= mysql_query($sql);
        while($rs= mysql_fetch_assoc($result)){
            $arr[] =$rs;
        }
        echojson_encode($arr);
     
    ?>

    顶一下
    (0)
    100%
    订阅 回复
    踩一下
    (0)
    100%
    » 固定链接:恒富网 » 《php四级联动》
    » 郑重声明:本文由mpxq168发布,所有内容仅代表个人观点。版权归恒富网mpxq168共有,欢迎转载, 但未经作者同意必须保留此段声明,并给出文章连接,否则保留追究法律责任的权利! 如果本文侵犯了您的权益,请留言。
  • 【上一篇】
  • 【下一篇】
  • 目前有 0 条留言 其中:访客:0 条, 博主:0 条

    给我留言

    您必须 [ 登录 ] 才能发表留言!