javascript - jQuery EasyAutocomplete 无法正常工作

Question

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

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

此外，如何搜索 airportid 或 airportname？即如果它与机场 ID 或机场名称匹配？

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",

}]

Answer 1

事实证明我错过了文档中的一些内容。我把它放在这里以防其他人将来可能遇到同样的问题:

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

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