Tengo una barra lateral con un formulario dentro de cada menú. Quiero enviar un formulario cada vez que el usuario haga clic en un menú dentro de la barra lateral con datos diferentes de foreach. El menú de la barra lateral también se creó dentro de 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>¿Cómo hacerlo usando JQuery? Intenté buscar cómo resolverlo y lo encontré de esta manera:
<script> $('#company').click(function() { $(this).closest('form').submit(); }); </script>Pero aún no funciona, cuando hago clic en el menú de la barra lateral, no sucedió nada. Cualquier ayuda me seria de gran ayuda, gracias
Si yo fuera tú, haría algo como esto;
<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>y luego diseñe su botón de envío como desee