Jquery UI 自动完成显示 ID答案

【问题标题】：Jquery UI Autocomplete showing IDJquery UI 自动完成显示 ID
【发布时间】：2016-01-14 12:32:09
【问题描述】：

我正在使用 jquery UI 来显示我的自动完成功能。当我打字时它工作正常，直到我意识到有问题：

当我键入并显示数据列表时，我按键盘上的箭头键（向上或向下箭头），然后在文本框上显示 ID，而不是标签。

$("#artwork").autocomplete({
    source: "{!! route('admin.theme.getart') !!}",
    select: function (event, ui) {
        event.preventDefault();
        this.value = ui.item.label;
        $("[name='artwork_id']").val(ui.item.value);
    }
});

如何修复这个错误？

【问题讨论】：

任何代码/屏幕截图？
@ArijitMukherjee 我无法截屏，当我按下 scrnsht 时，自动完成功能消失了。我在我的问题中添加我的代码
而不是$("[name='artwork_id']").val(ui.item.value);..使用$("[name='artwork_id']").val(ui.item.label);
@Pawan nooo，该命令用于当我单击自动完成值时，名为 artart_id 的文本框由自动完成 id 填充，用于填充数据库中的数据

标签： jquery autocomplete jquery-autocomplete

【解决方案1】：

我在自动完成时添加焦点条件

focus: function (event, ui) {
    event.preventDefault();
    this.value = ui.item.label;
    $("[name='artwork_id']").val(ui.item.value);
}

【讨论】：