地区分类

最新推荐文章于 2022-02-10 09:53:50 发布

脚步6978

最新推荐文章于 2022-02-10 09:53:50 发布

阅读量316

点赞数

分类专栏： PHP 文章标签： php

本文链接：https://blog.csdn.net/m0_38027358/article/details/73848631

版权

PHP 专栏收录该内容

64 篇文章 0 订阅

订阅专栏

这里写图片描述

sorturl.php

<?php  
    $id=isset($_GET['id'])?$_GET['id']:0;
    header('content-type:text/html;charset=utf-8');
    $pdo=new PDO('mysql:host=localhost;dbname=laravelinfo;','root','root');
    $pdo->exec('set names utf8');
    $data=$pdo->query('select * from sort where pid='.$id)->fetchAll(PDO::FETCH_ASSOC);
    echo json_encode($data);
?>

sort.php

<?php  
    $id=isset($_GET['id'])?$_GET['id']:0;
    header('content-type:text/html;charset=utf-8');
    $pdo=new PDO('mysql:host=localhost;dbname=laravelinfo;','root','root');
    $pdo->exec('set names utf8');
    $data=$pdo->query('select * from sort where pid='.$id)->fetchAll(PDO::FETCH_ASSOC);
    // print_r($data);die;
?>
<select name="" class="box">
    <option value="">请选择</option>
    <?php foreach($data as $k => $v){ ?>
    <option value="<?= $v['id'] ?>"><?= $v['name'] ?></option>
    <?php } ?>
</select>
<script src="jquery.1.12.min.js"></script>
<script>
    $(function(){
        $(document).on('change','.box',function(){
            var obj=$(this);
            var id=obj.val();
            $.ajax({
                type:'get',
                url:'sorturl.php',
                data:{id:id},
                dataType:'json',
                success:function(res){
                    if(res==''){
                        obj.nextAll().remove();
                        return false;
                    }
                    var str='<select name="" class="box"><option value="">请选择</option>';
                    $.each(res,function(k,v){
                        str+='<option value="'+v.id+'">'+v.name+'</option>';
                    });
                    str+='</select>';
                    obj.nextAll().remove();
                    // alert(str);
                    obj.after(str);
                }
            })
        });
    })
</script>