单击侧边栏时如何提交表单

Posted 2023-05-08

【中文标题】单击侧边栏时如何提交表单

【英文标题】：How to submit form when sidebar clicked

【发布时间】：2022-01-20 01:28:11

【问题描述】：

我在每个菜单中都有一个带有表单的侧边栏。每当用户单击侧边栏中的菜单时，我想提交一个表单，其中包含来自 foreach 的不同数据。侧边栏菜单也在 foreach 中创建。

<li class="nav-item has-sub sidebar-group-active">
             <a href="javascript:void(0)"><span class="menu-title">Choose Company</span></a>
                <ul class="menu-content" style="">
                    @foreach ($company as $cp)
                        @if ($cp->name != Session::get('selected_company'))

                         //Whenever user clicked this list item
                          <li class=""><a href="javascript:void(0)" id="company"><span class="menu-item"
                                data-i18n="eCommerce"> $cp->name </span></a>
                         </li>

                         // I want to submit this form
                         <form action=" route('select_company') " method="POST">
                            @csrf
                            <input type="hidden" value=" $cp->name " name="selected_company">
                         </form>
                        @endif
                    @endforeach
                </ul>
            </li>

如何使用 JQuery 做到这一点？我试图搜索如何解决它并找到了这种方式：

   <script>
        $('#company').click(function() 
            $(this).closest('form').submit();
        );
    </script>

但它仍然无法正常工作，当我单击侧边栏菜单时没有任何反应。 任何帮助都会对我很有帮助，谢谢

【参考方案1】：

如果我是你，我会做这样的事情；

   <li class="">
     <form action=" route('select_company') " method="POST">
     @csrf
       <input type="hidden" value=" $cp->name " name="selected_company">
       <input type="submit" value=" $cp->name "/>
    </form>
</li>

然后根据需要设置提交按钮的样式

【讨论】：

啊！我从来没有想过这个，这并不像使用jquery提交表单那么复杂。无论如何，谢谢