3

Como eu posso fazer no PHP para que quando o usuário digitar no campo de pesquisa ele já apareça os registros do banco de dados.

Por exemplo, supondo que seja um cadastro de cidades, o usuário digita "Campo", deve aparecer os registros "Campo Grande, Campo Largo, Campo Mourão..." de forma imediata, no ato da digitação.

É muito complexo fazer isso?

3
  • 1
    Isso que você quer é AJAX
    – rbz
    Commented 24/10/2017 às 16:06
  • 1
    Você precisa utilizar Ajax. w3schools.com/js/js_ajax_php.asp
    – Bsalvo
    Commented 24/10/2017 às 16:06
  • E como fazer para que o resultado da pesquisa seja um dropdown e que usuário clique no resultado para que preencha o campo? Commented 24/10/2017 às 16:15

1 Resposta 1

4

Você pode chamar via ajax o resultado e criar uma lista de autocomplete utilizando o componente Vanilla Javascript AutoComplete

Você vai dar o autocomplete no retorno da chamada em Javascript:

function ShowModalRelMapaAeronave() {
    $.ajax({
        type: 'POST',
        url: BASE_SITE + '/Projeto/Projeto/BuscarAeronaves',
        data: {  },
        success: function (data) {

            new autoComplete({
                selector: '#TxtAeronave',
                minChars: 2,
                source: function (term, suggest) {
                    term = term.toLowerCase();
                    var choices = data;
                    var matches = [];
                    for (i = 0; i < choices.length; i++)
                        if (~choices[i].toLowerCase().indexOf(term)) matches.push(choices[i]);
                    suggest(matches);
                }
            });

            $('#modalRelMapaAeronave').modal('show');
        }
    });
}

Aqui no caso chamo o post em um rota, pego o retorno e coloco em um txt do meu html, assim quando ele vai digitando vai autocompletando. É necessário adicionar o javascript e css da biblioteca.

A rota fica responsável por fazer a consulta.

1
  • +1 pela lib, isso quebra um bom galho
    – nunks
    Commented 27/10/2017 às 18:54

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .