hola soy nuevo en esto de js y pude crear un autocompletado pero al momejnto de dar click para seleccionar el artuiculo deseado simplemente se pone en blanco el campo y no tengo idea de porqueeste es mi js
Código PHP:
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript">
$(document).ready(function() {
//Al escribr dentro del input con id="service"
$('#service').keypress(function(){
//Obtenemos el value del input
var service = $(this).val();
var dataString = 'service='+service;
//Le pasamos el valor del input al ajax
$.ajax({
type: "POST",
url: "autocomplete.php",
data: dataString,
success: function(data) {
//Escribimos las sugerencias que nos manda la consulta
$('#suggestions').fadeIn(1000).html(data);
//Al hacer click en algua de las sugerencias
$('.suggest-element').live('click', function(){
//Obtenemos la id unica de la sugerencia pulsada
var id = $(this).attr('id');
//Editamos el valor del input con data de la sugerencia pulsada
$('#service').val($('#'+id).attr('data'));
//Hacemos desaparecer el resto de sugerencias
$('#suggestions').fadeOut(1000);
});
}
});
});
});
Código HTML:
td align="center"><input type="text" size="50" id="service" name="service" />
<div id="suggestions"></div>