Hola tengo un problema con algo que se me está resistiendo, seguramente sea muy fácil, pero mi inexperiencia me lo complica. Estoy trabajando con PHP y lo que tengo que hacer realizarlo con JQuery.
Es lo siguiente:
Tengo una pantalla con HTML se divide en dos partes: Dos campos de filtros y un botón y abajo el resto del cuerpo con más filtros, datatable, etc
El segundo que es el resto del cuerpo, lo tengo oculto con la clase hide, para que no se muestre al cargar la pantalla.
La cosa es que una vez que yo rellene los dos filtros (el segundo puede no ser necesario ya que es un combo que se activa o no dependiendo del primero) debe salir el resto del cuerpo al pulsar el botón. Si al rellenar el primer filtro no necesita del segundo (este se mantendrá oculto), si pulso el botón salga el resto del cuerpo y si necesita del segundo (aparecerá ya que es un combo) que no salga el resto del cuerpo al pulsar el botón hasta tener el segundo relleno también.
HTML:
<div class="col-xs-12">
<div class="col-sm-12 col-xs-12 m-b-15 p-l-0">
<div class="col-sm-2 col-xs-6">
<label for="nombreDocumento">Tipo de Entidad</label>
<select id="tipoEntidad" class="form-control">
<option value="">Seleccione Entidad</option>
@foreach($listTipoEntidades as $entidad)
<option value="{{$entidad->id_entidad}}" data-requiere-valor="{{$entidad->flag_requiere_valor}}">{{$entidad->desc_entidad}}</option>
@endforeach
</select>
</div>
<div class="col-sm-2 col-xs-6 hide" id="filtroCliente">
<label for="filtroClientes">Cliente</label>
<input type="text" class="form-control" id="filtroClientes" placeholder="CLIENTE 1">
</div>
<div class="col-sm-2">
<button class="btn btn-primary m-t-24" id="btnVerDocumentos">Ver Documentos</button>
</div>
</div>
</div>
<div class="col-xs-12 p-5">
<div id="contenidoVerDocumentos" class="col-sm-12 col-xs-12 hide">
Aquí va el resto de filtros, ect...
</div>
</div>
JQuery:
$(document).ready(function(){
//Se registran los eventos de los botones
$('#btnVerDocumentos').onclick(function(event){
var entidadSeleccionada = $(this).val();
event.preventDefault();
if(entidadSeleccionada != ''){
$('#contenidoVerDocumentos').removeClass('hide');
}
});
Lo que tengo en Jquery es una prueba que no me ha funcionado.
Muchas gracias por tu tiempo y ayuda.