Buen día. Tengo un formulario al que le quiero mandar diferentes parámetros dependiendo del tab que tenga seleccionado. Estoy trabajando en bootstrap 4. Lo que está pasando es que el input "tipo" siempre se envía con value "mensual" independientemente de lo que haya seleccionado.
<div class="modal fade" id="liquidacionComercio" tabindex="-1" aria-labelledby="liquidacionComercioLabel"
aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="liquidacionComercioLabel">Liquidacion comercio</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<form method="POST" action="#">
@csrf
<div class="modal-body">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item">
<a class="nav-link active" href="#section-one" data-toggle="tab" id="a-diario" role="tab"
aria-controls="section-one" aria-selected="true">Diario</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#section-two" data-toggle="tab" id="a-mensual" role="tab"
aria-controls="section-two" aria-selected="false">Mensual</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane fade show active" id="section-one" role="tabpanel" aria-labelledby="section-one">
{{-- Tipo de liquidación --}}
<input type="hidden" name="tipo" value="diaria">
</div>
<div class="tab-pane" id="section-two" role="tabpanel" aria-labelledby="section-two">
{{-- Tipo de liquidación --}}
<input type="hidden" name="tipo" value="mensual">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
<button type="submit" class="btn btn-success">Generar reporte</button>
</div>
</form>
</div>
</div>