Question

我正在使用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",

}]

Answer 1

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

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

我忘了添加＆＃34;匹配：{enabled：true}

jQuery EasyAutocomplete无法正常工作

1 个答案: