2017-09-30 9 views
0

ドロップダウン値を変更してモデルを表示したい...私は変更機能でドロップダウンの値を取得する方法を知っていますが、私の問題はそれですこれは私のドロップダウン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> 

ある

..私はブレードからのルートに変更された値のIDを送信することができる方法を教えてください.....モデルをフィルタリングするルートで、その値を送信したいです私のJqueryの変更機能

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

説明:

下の図を確認してください....ドロップダウンで選択したカテゴリに関連するモデルを(同じビューで)表示したいと思います。

enter image description here

+0

するためのサンプルです

$("#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呼び出しを使用することができますあなたが必要なものについての詳細を説明してくださいもらえますか? –

+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

あなたはこれらのモデルを経由して経路に沿ってフィルタリングします。右? –

0

あなたは上記のコードは、AJAXリクエスト

関連する問題