jQuery Autocomplete, um genaue Übereinstimmung zu finden

Question

Ich habe eine jQuery Autocomplete für Flughäfen. Mein Datensatz enthält Label und Wert. Probe:

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" }  
]; 

Als ich HAM eingeben (die die 3LC für Hamburg Airport ist) ich zur Zeit alle diese drei Elemente als Ergebnis. Ich möchte aber nur "HAM - Hamburg, Hamburg Airport" sehen, wenn der Wert dieses Artikels genau der Suchanfrage entspricht. Es sollte auch möglich sein, alle Einträge mit z.B. "Burg" drin, wenn ich danach suchen würde.

Demo: https://jsfiddle.net/SchweizerSchoggi/pguoa197/1/

Answer 1

Sie nicht wissen, wer diese Frage überstimmte und warum ... aber hier ist die Lösung für: In diesem Fall können Sie Ihre eigene Filtermethode für das Auto-Vervollständigen, wie diese erstellen wer wird jemals etwas ähnliches in der Zukunft brauchen:

$(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 
    }); 
}); 

funktionstüchtiges Beispiel: https://jsfiddle.net/SchweizerSchoggi/pguoa197/5/

Answer 2

Von der Problembeschreibung klingt es wie Sie von Anfang an der Wertzeichenfolge übereinstimmen soll.

$.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