Jquery UI 自动完成显示 ID

Question

我正在使用 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);
    }
});

如何修复这个错误？

Answer 1

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

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