jQuery Autocomplete 查找完全匹配

Question

我有一个用于机场的 jQuery Autocomplete。我的数据集包含标签和值。 示例：

var Airports = [
    { "label": "DMB - Dzhambyl, Dzhambyl Airport", "value": "DMB" }, 
    { "label": "EMA - Nottingham, Nottingham East Midlands Airport", "value": "EMA" }, 
    { "label": "HAM - Hamburg, Hamburg Airport", "value": "HAM" }    
];

当我进入 HAM（汉堡机场的 3LC）时，我目前得到了所有这三个项目。但如果此项的值与确切的搜索请求匹配，我只想查看“HAM - 汉堡，汉堡机场”。还应该可以找到所有条目，例如“burg” 如果我要搜索的话。

演示：https://jsfiddle.net/SchweizerSchoggi/pguoa197/1/

Answer 1

从您的问题描述看来，您只想从值字符串的开头进行匹配。在这种情况下，您可以为自动完成创建自己的过滤方法，如下所示：

$.ui.autocomplete.filter = function (array, term) {
    var matcher = new RegExp("^" + $.ui.autocomplete.escapeRegex(term), "i");
    return $.grep(array, function (value) {
        return matcher.test(value.label || value.value || value);
    });
};

Updated fiddle

Answer 2

不知道谁否决了这个问题以及为什么...但对于将来需要类似问题的人来说，这是解决方案：

$(function () {
    var Airports = [
        { "label": "DMB - Dzhambyl, Dzhambyl Airport", "value": "DMB" }, 
        { "label": "EMA - Nottingham, Nottingham East Midlands Airport", "value": "EMA" }, 
        { "label": "HAM - Hamburg, Hamburg Airport", "value": "HAM" }    
    ];


$("#depart").autocomplete({
     source: function (request, response) {
        var term = $.ui.autocomplete.escapeRegex(request.term)
            , startsWithMatcher = new RegExp("^" + term, "i")
            , startsWith = $.grep(Airports, function(value) {
                return startsWithMatcher.test(value.label || value.value || value);
            })
            , containsMatcher = new RegExp(term, "i")
            , contains = $.grep(Airports, function (value) {
                return $.inArray(value, startsWith) < 0 && 
                    containsMatcher.test(value.label || value.value || value);
            });

            response(startsWith.concat(contains));
    },
    minLength: 3
  });
});

工作样本：https://jsfiddle.net/SchweizerSchoggi/pguoa197/5/