Question

我尝试使用jQuery自动完成小部件创建自动完成字段，但似乎由于某种原因不起作用。

我使用的代码如下：

HTML

<input type="text" id="specialties" />

的JavaScript

var $specialties = [
    {
        id : 107,
        name : 'Painting'
    },
    {
        id : 158,
        name : 'Reading'
    }
];

var $specialty_text_field   =   $('#specialties');

$specialty_text_field.autocomplete(
    {
        source    : $specialties,
        minLength : 3
    }
);

当我在文本字段中输入文字Pain时，我得到文字No search results.

此代码有什么问题？

Answer 1

由于docs中明确，因此您的字段必须标记为label和value。

数组：数组可用于本地数据。有两种支持的格式：
An array of strings: [ "Choice1", "Choice2" ]
An array of objects with label and value properties: [ { label: "Choice1", value: "value1" }, ... ]

编辑：正如已经指出的那样，输入的ID是自动完成，而不是专业。

jQuery自动完成功能不适用于键值对数组

1 个答案: