Я реализовал автозаполнение jQuery UI.Mouseover работает правильно в списке, но когда я использую клавишу со стрелкой вниз, он отображает идентификатор также в текстовом поле, которое я не хочу, как указано ниже: например, идентификатор 119 отображается ниже.
Что я могу сделать сейчас?
благодаря
Вы должны взглянуть на документ: 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 );
}
Изменение: вот полный код, который я использую для отображения имени и имени элемента в списке:
$("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 );
};
focus: function( event, ui ) { $(this).val(ui.item.value); return false; },