将输入值传递给 url 删除方法 laravel答案

【问题标题】：pass input value to url delete method laravel将输入值传递给 url 删除方法 laravel
【发布时间】：2020-03-16 17:00:54
【问题描述】：

我的删除模式中有表单，我想将隐藏的输入传递给 url 方法 delete/destroy 这是我的删除模式：

            <form action="{{url('/pages').'/' ... }}" method="POST" enctype="multipart/form-data">
            {{ method_field('DELETE') }}
            {{csrf_field()}}
                <div class="form-group">
                    <label for="">Are you sure to delete this Page ?</label>
                    <input type="text" class="form-control" id="page_id" style="display: none;">
                </div>
                <button type="submit" class="btn btn-danger" id="save">Delete</button>
                <button type="button" class="btn btn-link" data-dismiss="modal">{{__('Close')}}</button>
            </form>

如何将输入值（page_id）附加到表单操作？所以我可以在表单操作中使用该 page_id ：

<form action="{{url('/pages').'/'page_id}}" method="POST" enctype="multipart/form-data">

有人可以帮助我吗？谢谢之前:)

【问题讨论】：

您有单独的模态还是一种通用的模态？

标签： laravel laravel-blade

【解决方案1】：

您必须在每个包含 id 的删除按钮上添加一个新属性。

请检查以下代码

    $('.delete-button').click(function(){
        var pageId = $(this).data('page-id');
        $('.page_id').html(pageId);
        $('#modal-form').attr('action', deleteUrl+pageId);
    });

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

    <a href="#" class="delete-button" data-page-id="1">page 1 </a>
    <a href="#" class="delete-button" data-page-id="2">page 2 </a>
    <a href="#" class="delete-button" data-page-id="3">page 3 </a>


    <form action="#" id="modal-form" method="POST" enctype="multipart/form-data">
        <label for="">Are you sure to delete this Page <span class="page_id"></span>?</label>
    </form>

    <script>
       /* window.deleteUrl = "{{url('/pages').'/'}}"; // save globally */
       window.deleteUrl = "http://test.com/"; // temporary
    </script>

【讨论】：

【解决方案2】：

如果您使用的是 boostrap 模态，那么您必须从该按钮传递数据，如下所示，

<button id="submit-btn" data-action="{{route('test')}}">Submit</button>

在 JS 中，将 modal 的操作替换为 data-action。

类似的，

$('#form-id').val($('#submit-btn').data('action))

如果您不使用模态，那么只需将 id 存储在变量中并直接传递路由。

希望对你有帮助:)

【讨论】：