Hola, necesito ayuda!!
Hice un buscador con ajax y jquery lo mire, por you tube y me sirvio muchisismo, pero ahora lo estoy implementado a mi pagina, bueno lo que necesito es que los resultado que me traiga los ponga en un imput, es decir.. bueno estoy aprendiendo y mi pagina que estoy creando es mas como un sistema de citas para mascotas pero muy simple entonces el buscador me trae los cliente que tengo registrados con sus mascotas, eee y cuando me trae los resultado hay un boton que dice seleccion y me lo deja los resultado en el input del formulario de la nueva cita pero siempre me trae solamente el primer resultado es decir si salen 5 resultado y escojo el ultimo no lo coge no se si me explique bien, ayuda please
Aqui el cod
buscador.php
include("../controlador/config.php");
include("../controlador/connection.php");
$ln = new connection($hostbd,$userbd,$passbd,$bd,$port);
sleep(1);
$search = '';
if (isset($_POST['search'])){
$search = strtolower($_POST['search']);
}
$Consulta=$ln->query("SELECT cli.id_cliente, cli.nom_cliente, mas.id_mascota, mas.nom_mascota FROM cliente cli LEFT JOIN mascota mas ON cli.id_cliente=mas.id_cliente
WHERE cli.id_cliente LIKE '%".$ln->safe($search)."%' OR cli.nom_cliente LIKE '%".$ln->safe($search)."%' ORDER BY cli.nom_cliente DESC LIMIT 5;");
$fila = mysql_fetch_assoc($Consulta);
$total = mysql_num_rows($Consulta);
?>
<?php if($total>0 && $search!=''){ ?>
<h2>Resultados de la busqueda</h2>
<?php do{ ?>
<script>
function myFunction() {
var a = document.getElementById("id_cli").innerHTML ;
document.getElementById("id_cliente").value = a;
var b = document.getElementById("id_mas").value ;
document.getElementById("id_mascota").value = b;
}
</script>
<div class="art">
<input type="hidden" id="id_mas" value="<?php echo $fila['id_mascota']; ?>" >
Doc Num: <span id="id_cli" class="titulo" ><?php echo utf8_encode($fila['id_cliente']) ?></span></br>
Nombre: <span class="contenido"><?php echo str_replace($search, '<strong>'.$search.'</strong>', substr(utf8_encode($fila['nom_cliente']),0,15)) ?></span></br>
Mascota: <span class="contenido"><?php echo str_replace($search, '<strong>'.$search.'</strong>', substr(utf8_encode($fila['nom_mascota']),0,15)) ?></span>
<button onclick="myFunction()" > Seleccion</button>
</div>
<?php }while ($fila=mysql_fetch_assoc($Consulta)); ?>
<?php }
elseif($total>0 && $search=='') echo '<h2>Ingresa un páramtro de búsqueda</h2><p>Ingresa palabras claves relacionadas entre si</p>';
else echo '<h2>No se han encontrado resultados</h2><p>Sin Registrar</p>';
aqui el form
<div class="form center">
<form action="" method="POST" name="search_form" id="search_form">
<input type="text" name="search" id="search"
</form>
</div>
<div id="resultados"></div>
</div>
aqui el ajax
$(function(){
$('#search').focus();
$('#search_form').submit(function(e){
e.preventDefault();
})
$('#search').keyup(function(){
var envio = $('#search').val();
$('#logo').html('<h2>El buscador de soy sebas.com</h2> <hr/>'); /*Cambio el logo por el texto con el id*/
$('#resultados').html('<h2><img src="img/loading.gif" width="16"/> Cargando </h2>');/*aqi tengo la imgane de cargando*/
$.ajax({
type: 'POST',
url: 'php/buscador.php',
data: ('search='+envio),
success: function(resp){
if(resp!=""){
$('#resultados').html(resp)
}
}
})
})
})
Por favor ayda muchas gracias