Skip to main content
actualizacion de respuesta
Origen Enlace
Marcos
  • 35.6k
  • 7
  • 36
  • 70

Intenta hacer lo siguiente:

  • Tras obtener el resultado HTML, asignale a los a que en el evento click ejecuten una función (en mi ejemplo setBusqueda).

  • En search.php, podrías simplificar los a 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>

Intenta hacer lo siguiente:

  • Tras obtener el resultado HTML, asignale a los a que en el evento click ejecuten una función (en mi ejemplo setBusqueda).

  • En search.php, podrías simplificar los a a simplemente <a>$data</a>

Así:

$(document).ready(function () {
  $("#resultadoBusqueda").html('');
  

  //-----------------------------------
  // CODIGO SOLO PARA LA DEMO
  $("#resultadoBusqueda").html('\
    <a>Resultado 1</a><br/>\
    <a>Resultado 2</a><br/>\
    <a>Resultado 3</a><br/>\
    <a>Resultado 4</a><br/>\
  ');
  $("#resultadoBusqueda").find('a').on('click', setBusqueda);
  //-----------------------------------
  
});

function setBusqueda() {
  $('#busqueda').val(this.innerText);
}

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>

Intenta hacer lo siguiente:

  • Tras obtener el resultado HTML, asignale a los a que en el evento click ejecuten una función (en mi ejemplo setBusqueda).

  • En search.php, podrías simplificar los a a simplemente <a id="$id">$data</a>

Así:

$(document).ready(function () {
  $("#resultadoBusqueda").html('');
  

  //-----------------------------------
  // CODIGO SOLO PARA LA DEMO
  $("#resultadoBusqueda").html('\
    <a id="1">Resultado A</a><br/>\
    <a id="2">Resultado B</a><br/>\
    <a id="3">Resultado C</a><br/>\
    <a id="4">Resultado D</a><br/>\
  ');
  $("#resultadoBusqueda").find('a').on('click', setBusqueda);
  //-----------------------------------
  
});

function setBusqueda() {
  var $a = $(this);
  $('#busqueda').val($a.text() + ' (' + $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>

Origen Enlace
Marcos
  • 35.6k
  • 7
  • 36
  • 70

Intenta hacer lo siguiente:

  • Tras obtener el resultado HTML, asignale a los a que en el evento click ejecuten una función (en mi ejemplo setBusqueda).

  • En search.php, podrías simplificar los a a simplemente <a>$data</a>

Así:

$(document).ready(function () {
  $("#resultadoBusqueda").html('');
  

  //-----------------------------------
  // CODIGO SOLO PARA LA DEMO
  $("#resultadoBusqueda").html('\
    <a>Resultado 1</a><br/>\
    <a>Resultado 2</a><br/>\
    <a>Resultado 3</a><br/>\
    <a>Resultado 4</a><br/>\
  ');
  $("#resultadoBusqueda").find('a').on('click', setBusqueda);
  //-----------------------------------
  
});

function setBusqueda() {
  $('#busqueda').val(this.innerText);
}

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>