Question

我有一个类别模型，其中belongsToMany 方法和方法也有许多类别因此，它具有多对多关系。

在我看来，我有一个类别下拉列表，当我选择它时，它将根据该特定的类别填充复选框列表

在我的类别模型中

public function methodology()
    {
        return $this->belongsToMany('App\Models\Methodologies')->withTimestamps();;
    }

以及我的方法模型

public function category()
    {
        return $this->belongsToMany('App\Models\Categories')->withTimestamps();;
    }

这种关系运行良好并且已经过测试。

现在，我的 ajax

中有这个function or method

$(function() {
            $('select[name=category_id]').change(function() {

                let url2 = '{{ url('encoder') }}' + '/categories/' + $(this).val() + '/methodologies/';

                $.get(url2, function(data) {
                    let select2 = $('form select[name= methodology_id]');

                    select2.empty();

                    $.each(data,function(key, value) {
                        console.log(key + ' '+ value);
                        select2.append('<option value=' + key + '>' + value + '</option>');
                    });
                });
            });
        });

所以当我在 category下拉列表中选择一些 category 时，ajax函数会执行什么操作，它将填充我的 methodology下拉列表工作正常。

但是我想将我的方法下拉列表更改为可以选中多个复选框的复选框列表吗？

这是我的视图

中的代码

div class="form-group col-sm-6">
    <label>
        <input type="checkbox" name="methodology_id" id="methodology_ud" class="minimal">
    </label>
</div>

上面的代码是下面的以前的下拉列表

{{-- <label for="methodology_id">Method:</label> --}}
    {{-- <select  name="methodology_id" class="form-control" required id="methodology_id">
        <option disabled selected>Choose Method</option>
    </select> --}}

但是我想要发生的是将下拉列表更改为复选框，该复选框可以检查多个项目并将其存储到我的数据库中。我无法在我的Ajax和html代码中实现它。

有人可以给我一些启示。预先感谢。

Laravel从数据库动态填充复选框列表

0 个答案: