Блог

У меня были некоторые проблемы с заданием. Я не очень хорошо разбираюсь в javascript. Пожалуйста, помогите.

Я отображаю категории в виде формы, и я хочу, чтобы при вводе формы отображались продукты, заданные для каждой категории и подкатегории. В следующей задаче я должен убедиться, что при вводе формы отображаются категории и, также без обновления страницы.

код на product_upload.blade.view

                                 <div class="form-group row" id="category">
                                <label class="col-md-3 col-from-label">{{translate('Category')}}</label>
                                <div class="col-md-8">
                                    <select class="form-control aiz-selectpicker" name="category_id" id="category_id"  data-live-search="true" required>
                                        @foreach($categories as $category)
                                            <option value="{{$category->id}}">{{ $category->getTranslation('name') }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="form-group row" id="subcategory">
                                <label class="col-md-3 col-from-label">{{translate('Subcategory')}}</label>
                                <div class="col-md-8">
                                    <select class="form-control aiz-selectpicker" name="subcategory_id" id="subcategory_id"  data-live-search="true" required>

                                    </select>
                                </div>
                            </div>
 

Мой сценарий :

        function get_subcategories_by_category(){
        var category_id = $('#category_id').val();
        $.post('{{ route('subcategories.get_subcategories_by_category') }}',{_token:'{{ csrf_token() }}', category_id:category_id}, function(data){
            $('#subcategory_id').html(null);
            for (var i = 0; i < data.length; i  ) {
                $('#subcategory_id').append($('<option>', {
                    value: data[i].id,
                    text: data[i].name
                }));
                $(".aiz-selectpicker").selectpicker();
            }
            get_subsubcategories_by_subcategory();
        });
    }

        $('#category_id').on('change', function() {
        get_subcategories_by_category();
    });

    $('#subcategory_id').on('change', function() {
        get_subsubcategories_by_subcategory();
    });
 

и мой контроллер :

     public function get_subcategories_by_category(Request $request)
{
    $subcategories = SubCategory::where('category_id', $request->category_id)->get();
    return $subcategories;
}
 

Но это не сработает.