Wie verwende ich eine Combobox für die automatische Vervollständigung von jQuery mit AJAX-JSON-Daten?

Ich muss das folgende unter Verwendung eines combobox tun.

Select box hat eine Standardliste von Städten, in denen der Benutzer suchen kann.Wenn ein Benutzer Text in das Feld eintipptinput Ich muss einen Ajax-Anruf tätigen, um Daten abzurufen und dem Benutzer die Optionen anzuzeigen.Wenn Daten für Benutzeranfragen abgerufen wurden, sollten diese Städte an die Optionen von angehängt werdenSelect box

VerwendenjQuery-Autovervollständigung Ich kann JSON-Daten von Benutzern abrufen, die eine Zeichenfolge eingeben und die Ergebnisse anzeigen. Allerdings weiß ich nicht genau, wie ich das mit Hilfe der Combobox integrieren soll.

Kombinationsfeld Verwendet ein statisches Datenarray zum Suchen. Wenn ich das richtig verstehe, wird ein regulärer Ausdruck verwendet, um die Werte abzugleichen. Wie kann ich es jedoch unterbrechen und den Ajax-Aufruf verwenden, um Daten vom Server abzurufen und die Ergebnisse zu aktualisieren?

Autovervollständigen für Eingabetextfeld:

$( "#searchDestination" ).autocomplete({
        delay: 500,
        source: function( request, response ) {
            $.ajax({
                url: "/wah/destinationsJson.action",
                dataType: "json",
                data: {
                    term: request.term
                },
                type: "POST",
                success: function(data){
                    if(data.cities.length == 0)
                        return response(["No matching cities found for " + request.term]);
                    response( $.map(data.cities, function(item){
                        return{
                            label: item.name,
                            value: item.name
                        };
                    })
                    );
                }
            });
        },
        minLength: 2

    });
    });

Antworten auf die Frage(2)

Ihre Antwort auf die Frage