Получение проблемы в jquery ui autocomplete

Question

Я реализовал автозаполнение jQuery UI. Ячейка работает правильно в списке, но когда я использую клавишу со стрелкой вниз, он отображает идентификатор также в текстовом поле, которое я не хочу, как указано ниже: например id 119 отображается на изображении ниже.

Что я могу сделать сейчас?

Благодаря

Answer 1

Вы должны взглянуть на документ: http://api.jqueryui.com/autocomplete/#method-_renderItem «_renderItem» позволяет настроить отображаемый список.

_renderItem: function(ul, item) { 
    return $("<li>") 
    .attr("data-value", item.value) 
    .append($("<a>").text(item.label)) 
    .appendTo(ul); 
} 

Edit: вот полный код я использую, чтобы отобразить как идентификатор и имя элемента в списке:

$("input.project-code").autocomplete({ 
     minLength: 2, 
     source: availableProjects, 
     focus: function(event, ui) { 
      $(this).val(ui.item.value); 
      return false; 
     }, 
     select: function(event, ui) { 
      $(this).val(ui.item.value); 
      $(this).change(); 
      return false; 
     } 
    }) 
    .data("ui-autocomplete")._renderItem = function(ul, item) { 
     return $("<li>") 
      .append("<a>" + item.value + " - " + item.name + "</a>") 
      .appendTo(ul); 
    };