地区分类

来源:互联网 发布:墨鱼帝国cms百度网盘 编辑:程序博客网 时间:2024/04/28 01:17

这里写图片描述

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>
原创粉丝点击