buen dia, espero me puedan ayudar con esto les comento a gran detalle. Tengo mi pagina la cual desde un inicio muestra un input text en el cual se coloca cierta informacion es importante que ese input este ahi. el detalle es que necesito ocultarlo o desabilitado ya que primero ocupo llenar un pequeño formulario y al terminar de llenar ese formulario que se encuentra en una ventana modal se habilite o aparesca el input text en mi pagina.
boton que esta en un menu para activar el modal
<li><a href="#" data-toggle="modal" data-target="#modalForm">Datos Camion</a></li>
modal donde esta el formulario
<!-- Modal -->
<div class="modal fade" id="modalForm" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalCenterTitle">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form id="frmCamion" method="POST" >
<div class="form-group">
<label for="remolque">Numero de Remolque</label>
<input type="text" name="remolque" id="remolque" class="form-control" required>
</div>
<div class="form-group">
<label for="unidad">Numero de Unidad</label>
<input type="text" name="unidad" id="unidad" class="form-control" required>
</div>
<div class="form-group">
<label for="fecha">Fecha</label>
<input type="date" name="fecha" id="fecha" class="form-control" required>
</div>
<div class="form-group">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
<button class="btn btn-info" id="guardar">Guardar</button>
</div>
</form>
</div>
</div>
</div>
</div>
al darle click al boton de guardar solo guarda la informacion pero no cierra el modal por eso tengo que poner el otro boton le puse la funcion data-dismiss="modal"
al boton de guaradar pero no funciono
funcion con la que guarda la info del modal
$(document).ready(function(){
$('#guardar').click(function(){
var datos=$('#frmCamion').serialize();
$.ajax({
type:"POST",
url:"php/registrar.php",
data:datos,
success:function(r){
}
});
return false;
});
});
input text que esta en mi pagina que ocupo que desaparesca o se desabilite al inicio y aparesca despues de llenar el formulario.
<form id="codigobarras" class="codigo">
<input type="text" name="codigo" id="codigo" placeholder="Escanear Codigo de Barras del DN" class="codigo"/>
</form>