Tengo un formulario donde pretendo poder elegir un nombre y un insumo y se realice una búsqueda que traiga como resultado los datos correspondientes.
La idea es cargar esos datos en un div, dentro de la misma página, para esto utilicé ajax.
Código HTML:
<script type="text/javascript"> $(document).ready(function(){ $('#boton_cargar').click(function() { $.ajax({ type: "GET", url: 'resultados.php?nombre='+nombre, success: function(data) { $('#resultados').html(data); $('#resultados div').slideDown(1000); } }); }); }); </script>
Código PHP:
<form>
<input id="nombre" name="nombre" type="text" />
<select name="insumos">
<?php foreach($insumos as $in){ ?>
<option value="<?php $in->id_insumo ?>"><?php echo $in->insumo ?></option>
<?php }?>
</select>
<input name="boton_cargar" id="boton_cargar" type="button" value="buscar" />
</form>
<div id="resultados">
// aqui se cargarían los resultados de la búsqueda
</div>
resultados.php
Código PHP:
<?php
include('loader.php'); //llama a la base de datos
$conn = new conection();
$rs = new RecordSet($conn);
if(isset($_GET['nombre']))
$sql="SELECT * FROM clientes INNER JOIN alquiler ON clientes.id_cliente = alquiler.id_cliente INNER JOIN insumos ON insumos.id_insumo = alquiler.id_insumo WHERE clientes.nombre = {$_GET['nombre']}";
else
die('error');
unset($rs);
unset($conn);
?>
<?php foreach($resultados as $res){ ?>
<?php echo $res->nombre ?> | |
<?php echo $res->insumo ?><br />
<?php }?>