Jquery autocompleta sin actualizar el valor de entrada con selección

Intento crear un campo de autocompletar con autocompletar famoso de jquerys y creando una matriz a partir de la base de datos de mysql. Funciona perfectamente, pero cuando se realiza una selección, el valor del campo de entrada no se actualiza, por lo tanto, no puedo pasar el valor del formulario. ¿Puede alguien ayudarme aquí?

JQUERY:

    $(document).ready(function() { $("#keywords").autocomplete({ source: keywordList }); });   

PHP: (para crear una lista de arreglos para autocompletar)

 <?php include 'admin/dbconn-dest.php'; function keywordArray() { $rsKeywords = mysql_query("SELECT Destination FROM Destinations WHERE Country = 'Mexico'"); $output = ''."\n"; $output .= 'var keywordList = ['; while($row_rsKeywords = mysql_fetch_assoc($rsKeywords)) { $output .= '"'.$row_rsKeywords['Destination'].'",'; } $output = substr($output,0,-1); //Get rid of the trailing comma $output .= '];'."\n"; $output .= ''; return $output; } ?> 

HTML:

  

¡Cualquier ayuda sería muy apreciada!

Use el event select para establecer el valor del cuadro de entrada

 $("#keywords").autocomplete({ source: keywordList, select: function (event, ui) { $("#keywords").val(ui.item.value); } }); 

Este es un problema conocido. Intenta usar el complemento Select First . Esto debería hacer el trabajo por usted (al menos funcionó perfectamente bien en mi caso)

Espero que ayude.