在jquery ui自动完成中获取问题

Question

我已经实现了jquery UI autocomplete.Mouseover在列表上正常工作但是当我使用向下箭头键时它也在文本框中显示id，我不想要如下所示： 例如，id 119显示在下面的图像中。

我现在能做什么？

由于

Answer 1

您应该查看文档：{​​{3}} ＆＃34; _renderItem＆＃34;允许您自定义显示的列表。

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

编辑：这是我用来在列表中显示ID和项目名称的完整代码：

$("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 );
    };