使用jQuery在Laravel Blade中的选项中附加选定的下拉值

Question

我想通过更改下拉值显示模型...。我知道如何使用更改函数获取下拉值，但是我的问题是我想在路由中发送该值以过滤模型。请告诉我如何通过刀片发送更改后的值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();
})

当然，您应该使用自己的URL代替示例中的URL。

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请求的示例