La verdad soy bastante nuevo en esto, aprendo rápido pero actualmente no he podido encontrar solución a esto. Tengo una base de datos llamada 'clientes' con la tabla 'datosclientes' y las columnas 'nombre' 'apellido' 'cedula' 'telefono' 'direccion'
Estoy haciendo algo como una factura y necesito hacer que al escribir en un input del formulario ('cedula') se rellenen de forma asíncrona los datos correspondientes en el resto de los inputs,. He logrado algo pero no los coloco en los inputs sino en un div. Aqui mi codigo.
index.php - aqui estan los inputs donde quiero que se muestren
<div id="id-orden">
<form accept-charset="utf-8" method="POST" action="">
<label for="busqueda">Id</label>
<input type="text" id="busqueda" autofocus autocomplete="off" onkeyup="buscar();">
</form>
<form action="" id="datoscliente">
<label for="nombref">Nombre</label>
<input type="text" id="nombref" name="nombref">
<label for="apellidof">Apellido</label>
<input type="text" id="apellidof" name="apellidof">
<label for="telefonof">Telefono</label>
<input type="text" id="telefonof" name="telefonof">
<label for="direccionf">Direccion</label>
<input type="text" id="direccionf" name="direccionf">
</form>
Este es el div donde se muestran los resultados actualmente
<div id="resultadoBusqueda"></div>
Script
<script>
$(document).ready(function() {
$("#resultadoBusqueda").html('<p>Ingrese cedula</p>');
});
function buscar() {
var textoBusqueda = $("input#busqueda").val();
if (textoBusqueda != "") {
$.post("buscarinputs.php", {valorBusqueda: textoBusqueda}, function(mensaje) {
$("input[name='nombref']").val(mensaje.nombre);
$("input[name='apellido']").val(mensaje.apellido);
$("input[name='telefonof']").val(mensaje.telefono);
$("input[name='direccionf']").val(mensaje.direccion);
});
} else {
$("#resultadoBusqueda").html('<p>Ingrese cedula</p>');
};
};
</script>
buscarinputs.php
if (isset($consultaBusqueda)) {
//Selecciona todo de la tabla datosclientes
//donde cedula sea igual a $consultaBusqueda,
$consulta = mysqli_query($conexion, "SELECT * FROM datosclientes
WHERE cedula LIKE '%$consultaBusqueda'
");
$filas = mysqli_num_rows($consulta);
if ($filas === 0) {
echo json_encode(array('respuesta' => 0));
} else {
$resultado = mysqli_fetch_assoc($consulta);
echo json_encode($resultado);
}; //Fin else $filas
};//Fin isset $consultaBusqueda
$.post("../procesos/buscarinputs.php", {busqueda: textoBusqueda}, function(data) { var data = JSON.parse(data); console.log(data); $("#nombref").val(data.nombre); $("#apellidof").val(data.apellido); $("#telefonof").val(data.telefono); $("#direccionf").val(data.direccion);