Intenta hacer lo siguiente:
Tras obtener el resultado
HTML
, asignale a losa
que en el eventoclick
ejecuten una función (en mi ejemplosetBusqueda
).En
search.php
, podrías simplificar losa
a simplemente<a>$data<<a id="$id">$data</a>
Así:
$(document).ready(function () {
$("#resultadoBusqueda").html('');
//-----------------------------------
// CODIGO SOLO PARA LA DEMO
$("#resultadoBusqueda").html('\
<a>Resultado<a 1<id="1">Resultado A</a><br/>\
<a>Resultado<a 2<id="2">Resultado B</a><br/>\
<a>Resultado<a 3<id="3">Resultado C</a><br/>\
<a>Resultado<a 4<id="4">Resultado D</a><br/>\
');
$("#resultadoBusqueda").find('a').on('click', setBusqueda);
//-----------------------------------
});
function setBusqueda() {
var $a = $(this);
$('#busqueda').val(this$a.innerTexttext() + ' (' + $a.attr('id') + ')');
}
function buscar() {
var textoBusqueda = $("input#busqueda").val();
if (textoBusqueda != "") {
$.post("search.php", {
valorBusqueda: textoBusqueda
}, function (mensaje) {
$("#resultadoBusqueda").html(mensaje);
// Asignamos a todos los "a" que en el `click`
// llamen a la funcion "setBusqueda"
$("#resultadoBusqueda").find('a').on('click', setBusqueda);
});
} else {
$("#resultadoBusqueda").html('');
}
}
<form accept-charset="utf-8" id="dscto" method="POST">
<input name="marca_cercador_nom" id="busqueda" onKeyUp="buscar();" />
<div id="resultadoBusqueda"></div>
</form>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>