javascript - jQuery自动完成功能无法正常工作

我正在使用http://easyautocomplete.com/中的jQuery EasyAutocomplete插件。

我正在使用JSON文件获取数据。似乎无法正确过滤结果。它仅搜索前几对记录，例如，仅显示前10条记录，并且如果搜索字符串不在这些记录中，它将忽略其余记录。

另外，如何搜索airportid或airportname？即它是否匹配airportid或airportname？

的HTML

<input type="text" id="autocomplete">
<input type="text" id="airportid">
<input type="text" id="airportname">

jQuery的

$(document).ready(function() {
    var options = {
        url: "airportinfo.json",
        getValue: function(element) {
            return element.name;
        },

        list: {
            onChooseEvent: function() {
                var selectedItemValue = $("#autocomplete").getSelectedItemData().name;
                var selectedItemValue2 = $("#autocomplete").getSelectedItemData().airportid;
                $("#airportname").val(selectedItemValue);
                $("#airportid").val(selectedItemValue2);
            },
        }
    };

    $("#autocomplete").easyAutocomplete(options);
});

我的JSON文件

[{
    "airportid": "JASB",
    "size": "medium_airport",
    "name": "John Bay Airport",
    "lat": "18.57500076",
    "lon": "36.5333004",
}, {
    "airportid": "JAAD",
    "size": "closed",
    "name": "Adelaide Airport",
    "lat": "-12.68310165",
    "lon": "16.2942009",
}, {
    "airportid": "JAAE",
    "size": "small_airport",
    "name": "Aberdeen Airport",
    "lat": "-12.46670151",
    "lon": "14.06669998",

}]

最佳答案

原来我错过了文档中的某些内容。我将其放在此处，以防将来其他人可能遇到相同的问题：

list: {
    onChooseEvent: function() {
        var selectedItemValue = $("#autocomplete").getSelectedItemData().name;
        var selectedItemValue2 = $("#autocomplete").getSelectedItemData().airportid;
        $("#airportname").val(selectedItemValue);
        $("#airportid").val(selectedItemValue2);
    },
    match: {
        enabled: true
    },
},

我忘记添加“匹配：{enabled：true}