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

Question

我在每个菜单中都有一个带有表单的侧边栏。每当用户单击侧边栏中的菜单时，我想提交一个表单，其中包含来自 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>

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

Answer 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>

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