使用 Jquery 在 Laravel Blade 中使用选项附加选定的下拉值答案

【问题标题】：Append Selected Drop Down Value with Option in Laravel Blade with Jquery使用 Jquery 在 Laravel Blade 中使用选项附加选定的下拉值
【发布时间】：2018-03-12 02:48:55
【问题描述】：

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

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

解释：

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

【问题讨论】：

你能解释一下你需要什么吗？
再次检查我的问题...说明区
您想进行 ajax 调用或只是在路由中使用选定的 id 刷新页面？
我想在路线中使用选定的 id 进行简单刷新
@iCoders....你能不能也检查一下这个问题并建议我一个场景？？

标签： javascript jquery laravel-5 routes laravel-blade

【解决方案1】：

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

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

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

【讨论】：

当用户从下拉列表中选择选项时，页面应显示与该选项相关的过滤模型..
然后您通过路径中的 Id 过滤这些模型。对吗？
所以，上面的代码只需对 URL 稍作改动即可工作。

【解决方案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请求示例

【讨论】：