Получение проблемы в автозаполнении JQuery UI

0

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

Изображение 174551

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

благодаря

Теги:
jquery-ui-autocomplete

1 ответ

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 );
}

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

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

Ещё вопросы

Сообщество Overcoder
Наверх
Меню