【问题标题】:How to use form submit in a bootstrap dropdown?如何在引导下拉列表中使用表单提交?
【发布时间】:2018-06-09 09:30:09
【问题描述】:

所以我有以下代码:

   {!! 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

【问题讨论】:

    标签: twitter-bootstrap laravel laravel-blade laravel-form


    【解决方案1】:

    只需添加一点 jQuery

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

    【讨论】:

    • 您好,谢谢您的回答。它正在部分工作。由于某种原因,它总是将最后一行的 id 发送到 {!! Form::open(['action'=>['AdminController@update',$upload->id], 'method'=>'POST']) !!}
    • @RobertRoss 那是因为您没有将下拉列表的 id 传递给表单提交,添加一个输入字段,然后在上面的代码中将 id 传递给该输入并在控制器中获取 id 并执行上面的东西
    • 如果您演示一下,我将不胜感激,因为我不确定您的意思。如果我将原始代码与提交按钮一起使用,则 id 总是正确的。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-08-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-12-17
    • 2023-03-29
    • 1970-01-01
    相关资源
    最近更新 更多