2017-09-30 36 views
0

我想通過更改下拉值來顯示模型....我知道如何通過更改函數獲得下拉的值,但是我的問題是我要發送的值在路由過濾模型.....請告訴我怎樣才能從刀片路線發送改變的值id ..用Jquery在Laravel Blade中追加選定的下拉值

這是我的下拉

<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功能

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

說明:

請檢查下面的圖片....我想顯示與下拉菜單中選擇的類別相關的模型(在同一視圖中)。

enter image description here

+0

能否請您解釋一下你需要什麼? –

+0

再次檢查我的問題...解釋區 – ma123456

+0

你想做一個ajax調用或只是刷新路線中選定的ID頁面? –

回答

0

添加這將您重定向到具體路線。對於你來說,它使用URL中的選定ID刷新頁面。所以,模型會過濾給定的category_id。

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

當然,您應該使用自己的URL而不是示例中的URL。

+0

我想你不知道我到底想要什麼..... – ma123456

+0

當用戶從下拉菜單中選擇選項,頁面應該顯示過濾模型與該選項相關。 – ma123456

+0

然後通過路由中的Id和Id過濾這些模型。對? –

0

您可以使用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請求