Eu preciso fazer o seguinte usando uma caixa de combinação.

Select box tem uma lista padrão de cidades que o usuário pode pesquisar.Se um usuário digitar texto noinput caixa, eu preciso fazer uma chamada de ajax para buscar dados e exibir as opções para o usuário.Se os dados foram buscados para a solicitação do usuário, essas cidades devem ser anexadas às opções deSelect box

Usandoautocomplete do jQuery Eu sou capaz de buscar dados json no usuário digitando uma string e exibindo os resultados. No entanto, eu não entendo como integrar isso usando combobox.

Caixa combo usa uma matriz de dados estáticos para pesquisar e, se bem entendi, usa expressões regulares para corresponder aos valores. No entanto, como posso interrompê-lo e usa a chamada ajax para buscar dados do servidor e atualizar os resultados?

Autocomplete para caixa de texto de entrada:

$( "#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

    });
    });