seleccionar y enviar a input? buscador

[juasbhu]

Si que pena, pido disculpas es la primera ves aqui.

buscador.php

Código 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

Código HTML:

<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

Código Javascript:

$(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)
}
}
})
})
 
})