Laravel5.2二级菜单Ajax联动实现

最新推荐文章于 2021-09-16 16:06:14 发布

爱学习的咖咖

最新推荐文章于 2021-09-16 16:06:14 发布

阅读量4.1k

点赞数 2

分类专栏： Laravel

本文链接：https://blog.csdn.net/amazingdyd/article/details/51199122

版权

Laravel 专栏收录该内容

53 篇文章 0 订阅

订阅专栏

例如一个学校有年级和班级，选上年级，班级就自己出来。

1.例如年级已经遍历出来了，名字是$grade

<select name="grade" id='grade'>
    @foreach($grade as $g)
   <option value="{{$g->id}}" id='g'>{{$g->name}}</option>
    @endforeach 
    </select>
  <select name="classes" id="classes"> </select>

2.ajax部分

 $(function(){
            
            $("#grade").change(function(){
                
                var objectModel = {};
                var   value = $(this).val();
                var   type = $(this).attr('id');
                objectModel[type] =value;
                
                $.ajax({
                    url:"/myschool_teacher/classes", //你的路由地址
                    type:"post",
                    dataType:"json",
                    data:objectModel,
                    timeout:30000,
                    success:function(data){

                        $("#classes").empty();
                        var count = data.length;

                        var i = 0;
                        var b="";
                           for(i=0;i<count;i++){
                               b+="<option value='"+data[i].id+"'>"+data[i].name+"</option>";
                           }
                        $("#classes").append(b);

                    }
                });
            });

            
            
        })

3.控制器部分

 public function classes(){
        $grade=$_POST['grade'];
        $classes=schoolClass::where("grade_id",$grade)->get(); //查询出来年级对应的班级
        echo json_encode($classes);
    }

一个简单的LARAVEL二级联动就实现了，是不是很简单！