javascript - 多链接表导航 - Laravel

Question

我正在尝试显示在导航表中的相应字段后应该显示的列表，

我对如何做到这一点完全一无所知，我正在考虑多级下拉菜单来满足我的需要，但我不知道如何通过它的关卡。

表格中的所有内容都是动态的，这是信息，表格分别是 District, Municipal , Area 和 layout

District 
| id 
| district_name

Municipal
| id
| district_id
| municipal_name 

Area
| id 
| area_name
| district_id
| municipal_id

Layout
| id 
| layout_name
| district_id
| municipal_id

请指导我打破这个逻辑，

编写我如何让我通过第一级查看的代码，

<select name="district_option" id="district_option" class="form-control col-sm-6">
            <option value="0" disabled="true" selected="true">------ Select District --------</option>
            @foreach ($districts as $key => $district)
            <option value="{{$district->id}}">{{$district->district_name}}</option>
            @endforeach
        </select>
    <div class="form-group form-inline border p-2">
    {{Form::label('municipal_option', 'District Option ',['class'=>'col-sm-4 h3'])}}


<select name="municipal_option" id="municipal_option" class="form-control col-sm-6">
            <option value="0" disabled="true" selected="true">------ Select District First--------</option>
        </select>

！！！！！！我想在这里显示映射到市政 ID 的数据！！！！

 <script>
        $('#district_option').on('change', function (e) {
            console.log(e);
            var municipal_id = e.target.value;
            var BASEURL = "{!! url('admin/engineers/') !!}";
            console.log(municipal_id);
            $.get(BASEURL + '/municipalview?municipal_id=' + municipal_id, function (data) {
                console.log(data);
                $('#municipal_option').empty();
                $('#municipal_option').append(
                    '<option value="0" disabled="true" selected="true">------ Select District First--------</option>'
                );
                $.each(data, function (index, municipalObj) {
                    $('#municipal_option').append('<option value="' + municipalObj.id + '"> ' +
                        municipalObj.municipal_name + ' </option>');
                })
            });
        });

    </script>

还有其他方法吗，我也很乐意探索

标签： javascriptphpdatabaselaraveleloquent