如何在bootstrap下拉列表中使用表单提交？

Question

所以我有以下代码：

   {!! Form::open(['action'=>['AdminController@update',$upload->id], 'method'=>'POST']) !!}
                    <div class="dropdown">
                        <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            Filter
                        </button>
                        {{Form::hidden('_method','PUT')}}
                        {{Form::submit('Submit', ['class'=>'btn btn-success'])}}
                        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">

                            <a class="dropdown-item" href="/manage">Approve</a>
                            <a class="dropdown-item" href="/manage">Reject</a>

                        </div>
                    </div>
                    {!! Form::close()!!}

而不是：

                      {{Form::hidden('_method','PUT')}}
                        {{Form::submit('Submit', ['class'=>'btn btn-success'])}}

我想使用dropdown items将数据提交给控制器。

我尝试过这样的事情：

 {{Form::hidden('_method','PUT')}}
     <a class="dropdown-item" onclick="{{Form::submit()}}" href="/manage">Approve</a>

以上并不适合我（实际上它确实有效，但我不想提交按钮，但下拉items）。我可以将Form::submit和下拉项目结合起来，这样当点击一个项目时就会产生submit吗？

Answer 1

只需添加一些jQuery

 $(".dropdown-item").click(function(e){
     e.preventDefault();

     $("form").submit();

});