Question

我制作了要与称为“公司控制器”的控制器链接的表格，但是我在列表中添加了表格代码，该代码显示了整个网页上的代码

<li>
    <a href="#" onclick="
        var result = confirm('are you sure you want to delete this project?');
        if(result){
            event.preventDefault();
            document.getElementById('delete-form').submit();
        }
    ">
        Delete
    </a>
    <form id="delete-form" action="{{ route('companies.destroy',[$company->id]) }}" method="post"  style="display:none;">
    <input type="hidden" name="_method" value="delete">
    {{ csrf_field() }}
    </form>
</li>

在网页中，只有删除应该在该部分中可见，而不是代码的其他部分

Answer 1

首先，将您的javascript代码与html分开，以使其易于理解且易于调试。试试这个：

<table>
  <tr>
    <td><button class="checkBtn">Click me</button></td>
    <td><input type="checkbox" value="one" /></td>
  </tr>
  <tr>
    <td><button class="checkBtn">Click me</button></td>
    <td><input type="checkbox" value="two" /></td>
  </tr>
</table>

发现了一些我纠正过的错别字，也许就是问题所在。另外，您可以发送一个Ajax而不是提交一个隐藏的表单，只是一个想法。

表单显示在控制器弹出窗口中

1 个答案: