jQuery EasyAutocomplete无法正常工作

jQuery EasyAutocomplete not working properly

本文关键字：工作 常工作 EasyAutocomplete jQuery      更新时间：2023-09-26

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

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

另外，如何搜索机场ID或机场名称？ 即如果它与机场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",
}]

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

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

我忘了添加"匹配：{启用：真}

相关文章：