Как показывают одно значение элемента с автозаполнения из Jquery UI

Question

Я развиваю-поиск ввода текста с помощью автозаполнения пост, чтобы получить данные:

$('#name_search').autocomplete({ 
    source: "search/name.php", 
    open: function(){ 
    $(this).autocomplete('widget').css('z-index', 1000); 
     return false; 
    }}).data("autocomplete")._renderItem = function(ul, item){ 
    return $("<li></li>") 
    .data("item.autocomplete", item) 
    .append("<a>" + item.nome + "<br>" + item.cognome + "</a>") 
    .appendTo(ul); 
}; 

Он показал мне два элемента внутри строки виджета, но когда я нажимаю на него, он закроет себя и очистит текст внутри текста ввода. Что я могу сделать?

Answer 1

использовать метод выбора автозаполнения для определения значения целевого элемента ввода.

$('#name_search').autocomplete({ 
      source: "search/name.php", 
      open: function(){ 
        $(this).autocomplete('widget').css('z-index', 1000); 
        return false; 
      }, 
      select:function(event, ui){ 
       $(this).val(ui.item.label); 
      } 
     }).data("autocomplete")._renderItem = function(ul, item){ 
    return $("<li></li>") 
    .data("item.autocomplete", item) 
    .append("<a>" + item.nome + "<br>" + item.cognome + "</a>") 
    .appendTo(ul); 
}; 

Источник:

методы JQuery UI автозаполнения http://jqueryui.com/demos/autocomplete/#event-select

Answer 2

Я решаемые добавление возврата ложного в функции выбора:

$('#name_search').autocomplete({ 
      source: "search/name.php", 
      open: function(){ 
       $(this).autocomplete('widget').css('z-index', 1000); 
        return false; 
      }, 
      select:function(event, ui){ 
       $(this).val(ui.item.nome+" - "+ui.item.cognome); 
       return false; 
      } 
      }).data("autocomplete")._renderItem = function(ul, item){ 
       return $("<li></li>") 
       .data("item.autocomplete", item) 
       .append("<a>" + item.nome + "<br>" + item.cognome + "</a>") 
       .appendTo(ul); 
      };