PHP+jQuery无限极分类

最新推荐文章于 2024-04-10 02:15:11 发布

五万i

最新推荐文章于 2024-04-10 02:15:11 发布

阅读量734

点赞数

本文链接：https://blog.csdn.net/qq_42780341/article/details/82501410

版权

本文介绍了一种使用PHP和jQuery实现动态下拉菜单的方法，通过AJAX请求获取数据并动态生成下拉选项，增强了用户体验。文章详细展示了如何利用ThinkPHP框架进行数据处理，以及前端如何响应选择变化，刷新下拉菜单。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<select class="sel">
    {volist name="arr" id="v"}
    <option value="{$v.id}">{$v.name}</option>
    {/volist}
</select>
<script>
        $(document).on('change','.sel',function(){
            //定义一个id
            var id=$(this).val();

            var obj=$(this);
//            alert(obj);die;
            $.get("{:url('Index/pid')}",{id:id},function(data){
                //删除后面所有的
                obj.nextAll().remove();
                //转化为内置对象
                var json=jQuery.parseJSON(data);
                //判断他没有找到的话，就false掉
                if(json==''){
                    return false;
                }
                var sel="<select class='sel'>";
                $(json).each(function(key,val){
                    sel+="<option value='"+val.id+"'>"+val.name+"</option>"
                });
                sel+="</select>";
                //后面追加
                obj.after(sel);
            })
        })
</script>

<?php
namespace app\index\controller;
use app\index\model\Index as u;
use think\Controller;
use think\Db;
use think\Request;

class index extends Controller{
    public function index(){
       $res=Db::table('attr')->where('pid=0')->select();
        return view('index',['arr'=>$res]);
    }
    public function pid(){
        $id=Request::instance()->get('id');
        $arr=Db::table('attr')->where('pid',$id)->select();
        return json_encode($arr);
    }
}