jquery ui completamento automatico input select value

Question

Uso il completamento automatico jQuery per cercare in un file xml.

La funzione di completamento automatico funziona correttamente. Tuttavia, quando faccio clic su un elemento elemento del risultato del menu di completamento automatico, il valore inserito nella casella di ricerca di input non è visibile. Perché ci sono molti spazi vuoti (tab) che vengono aggiunti nella casella di input.

Davvero non capisco da dove viene (questo spazio vuoto).

Ho fatto un violino, tuttavia su questo violino il valore è posizionare correttamente all'interno della scatola di ingresso ... non sono questo spazio vuoto: http://jsfiddle.net/8zJkS/5/

script:

$("input#search").autocomplete({ 
     minLength: 3, 
     source: myArr, 
     response: function(event, ui) { 
     if (ui.content.length === 0) { 
      $("#noMatches").show(); 
     } else { 
      $("#noMatches").hide(); 
     } 
     }, 
     focus: function (event, ui) { 
      $('input#search').focus(); 
      return false; 
     }, 
     select: function (event, ui) { 
      $("input#search").val(ui.item.value); 
      return false; 
     } 
    }); 

Tra l'altro , Cerco anche il modo di avere l'effetto hover anche con la tastiera. Ho anche del testo che appare quando cerco e non so come rimuoverlo.

Sembra che la documentazione di completamento automatico jquery sia molto scarsa.

Ci scusiamo per il mio inglese, sono francese.

Answer 1

ho risolto il mio problema con questo:

select: function(event, ui){ 
      if (ui.item && ui.item.value){ 
       titleinput = ui.item.value; 
       ui.item.value= $.trim(titleinput); 
      } 
     }