Formulário com auto sugestão em ajax

LINKS PATROCINADOS

autosuggest2.jpg

Utilizando este script em ajax chamado “Ajax Auto Sugges” você poderá criar um formulário que consulta um script PHP enquanto usuário digita no campo. O resultado dessa consulta em tempo real gera uma caixa em CSS de sugestão com opções de preenchimento que podem ser selecionadas pelo usuário.

Exemplo: Um campo onde a pessoa deve preencher o nome de uma cidade. Durante o preenchimento aparecerá uma tela com sugestões de nomes de cidades parecidas com o que o usuário está digitando.

Veja no endereço aqui uma demonstração. Digite J no campo “person”para ver a sugestão.

O arquivo do javascript possui apenas 10kb sendo de simples utilização. Observe que na página de demonstração você encontra mais detalhes de como utilizar. O pacote acompanha um exemplo de script PHP para trabalhar com ele.

Par fazer o download visite aqui e clique no botão “Download AutoSuggest”.

LINKS PATROCINADOS
Veja uma seleção dos 10 melhores artigos que temos sobre este assunto:
Pesquisa personalizada

3 comentários

  1. Mathews disse:

    Que script bom! bom mesmo!!! o vagalume usa e perguntei como era usado aquele ajax ! nossa meu adicionei esse site nos favoritos é bom d !! parabens serio mesmo!! =D

  2. Aelson disse:

    alguém sabe com jogar o resultado da minha consulta ao banco no array ($aUsers) ?

  3. Allisson disse:

    Excelente!
    Quanto à pergunta do Aelson, também estou procurando uma resposta.
    Eu consegui fazer assim:
    while ($row = mysql_fetch_array($result))
    {
    $aUsers[]= $row[‘descricao’];

    } // end fetch array
    Porém estou querendo criar mais de um campo input ou texto e quero colocar o valor de uma outra coluna.
    Exemplo: a sugestao se baseia na coluna descricao e o segundo campo texto ou input deve receber automaticamente o conteúdo da coluna código associada à descrição.
    Agradeço se puderes me ajudar.

Deixe seus comentários