jQuery的自动完成不能处理键值对数组

jQuery autocomplete doesn't work with key value pair array

本文关键字:不能 处理 键值对 数组 jQuery      更新时间:2023-09-26

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

我使用的代码如下:

<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.

由于文档中清楚地说明了,您的字段必须标记为labelvalue

Array:数组可以用来存放本地数据。有两种支持的格式:

An array of strings: [ "Choice1", "Choice2" ]
An array of objects with label and value properties: [ { label: "Choice1", value: "value1" }, ... ]

EDIT:正如已经指出的,输入的id是autocomplete,而不是specialties