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

来源：互联网发布：美国丽人知乎编辑：程序博客网时间：2024/05/16 10:16

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

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二级联动就实现了，是不是很简单！

2 0