Consiste en lo siguiente: Tendremos un formulario HTML en el cual el usuario escribe un nombre(con autocompletar), una vez capturado el nombre la información de los demas campos se rellenará automáticamente.
El codigo html
contiene el formulario con los siguientes Input's
<!--este es el input de autocompletado-->
<input type="search" name="producto" id="producto">
<!--este es el input que se llena con el auto-completado-->
<input name="precio" type="text" id="txtprecio"/>
<!--este es el input que se llena con el auto-completado-->
<input list="categoria" name="list" id="categorias" />
<datalist id="categoria">
<option label="dulces" value="dulces">
<option label="licor" value="licor">
<option label="otro" value="otro">
</datalist>
<!--este es el input que se llena con el auto-completado-->
<input type="number" name="codigo" id="txtcodigo" required />
<!--submit-->
<input type="button" value="guardar" id="btn_enviar">
<!--este es script ejecuta la funcion ajax-autocomplete-->
<script type="text/javascript">
// esta rutina se ejecuta cuando jquery esta listo para trabajar
$(document).ready(function()
{
// configuramos el control para realizar la busqueda de los productos
$("#producto").autocomplete({
source: "../modelo/buscarInventario.php",
minLength: 2,
});
});
$("#producto").focusout(function(){
$.ajax({
url:'../modelo/enviarInventario.php',
type:'POST',
dataType:'json',
data:{ producto:$('#producto').val()}
}).done(function(respuesta){
$("#txtprecio").val(respuesta.precio);
$("#categorias").val(respuesta.categoria);
$("#txtcodigo").val(respuesta.codigo);
});
});
</script>
*********************************************************************************************
Este es el codigo del archivo buscarInventario.php
<?php
$conexion = mysql_connect("localhost","root","");
$bd = mysql_select_db("demos");
// aqui es para buscar
$criterio = $_GET['term'];
//$consulta = "SELECT nombre FROM tbl_productos WHERE nombre LIKE '%$nombre%'";
$result=mysql_query("SELECT nombre FROM tbl_productos WHERE nombre LIKE '%$nombre%'",$conexion);
$check_resul = mysql_num_rows($result);
//$result = $conexion->query($consulta);
if($check_resul > 0){
while($fila = $result->fetch_array()){
$matriculas[] = $fila['nombre'];
}
echo json_encode($matriculas);
}
?>
***************************************************************************************
Este es el codigo del archivo enviarInventario.php
<?php
$conexion = mysql_connect("localhost","root","");
$bd = mysql_select_db("demos");
$producto = $_POST['producto'];
$consulta = "SELECT precio,categoria,codigo FROM tbl_productos WHERE nombre = '$producto'";
$result = $conexion->query($consulta);
$respuesta = new stdClass();
if($result->num_rows > 0){
$fila = $result->fetch_array();
$respuesta->precio = $fila['precio'];
$respuesta->categoria = $fila['categoria'];
$respuesta->codigo = $fila['codigo'];
}
echo json_encode($respuesta);
?>
*****************************************************************
la verdad nose porque no me anda alquien me podria ayudar?
Desde ya muchas gracias.!
