使用Jquery在Laravel Blade中附加选项下拉值

Question

我想通过更改Drop Down值来显示模型....我知道如何通过更改函数获取下拉值但我的问题是我想在路由中发送该值来过滤模型。 ....请告诉我如何从刀片发送更改后的值id和路径..

这是我的下拉

<select class="form-control" id="category" placeholder="Select category">
       <option>All</option>
       @foreach($categories as $category)
      <option value="{{route('contributors.index')}}?category={{ $category->id }}">{{$category->name}}</option>
      @endforeach
</select>

这是我的Jquery Change Function

  $('#category').change(function(){
            alert($(this).val());
        })

说明：

请查看下面的图片....我想显示与下拉列表中所选类别相关的模型（在同一视图中）。

Answer 1

添加此项以将您重定向到特定路线。对于您，它使用URL中的选定ID刷新页面。因此，模型将过滤给定的category_id。

$('#category').change(function(){
    window.location = "domain.com/route/" + $('option:selected', this).val();
})

当然，您应该使用自己的网址而不是示例中的网址。

Answer 2

您可以使用ajax调用追加并向您的路线发送类别值

$( "#category" ).change(function() {
  var id=$(this).val();

    $.ajax({
        type: 'GET',
        url: your url goes here,
        success: function (data) {
           //here yuo can append to model div
        },
        error: function (data) {

            console.log(data);

        }
    });

});

以上代码是ajax请求的示例