JQuery AutoComplete Combobox + php.


Encontrei muita dificuldade em configurar o Jquery AutoComplete em meu projeto php, por isto decidi fazer um tutorial ajudando as pessoas que estejam interessadas em utilizar o auto complete em combobox, vamos lá.

1 – faça o download dos arquivos jquery em: http://jqueryui.com/demos/autocomplete/#combobox

2 – dentro da pagina, mais especificamente dentro da tag HEAD(<head>) coloque os seguintes comandos:
<!--//testando javascritp auto complete -->
<script type="text/javascript" src="../js/jquery-1.4.2.js"></script>
<script type="text/javascript" src="../js/jquery.autocomplete2.js"></script>
<script type="text/javascript" src="../js/ajax.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#nome").autocomplete("cidades.php",{
selectFirst: true
});
});
</script>
Observações importantes : src é o caminho onde se encontra seus arquivos JQuery, nós precisamos dos três citados a cima.
Neste caso eu utilizei o auto complete para um combobox de nome de cidades, por isto minha linha está preenchida desta maneira:
$("#nome").autocomplete("cidades.php",{
Onde cidades.php é o nome do meu arquivo onde se encontra o combobox, no seu caso será o local onde se encotra o combobox que você deseja utilizar como autocomplete, e a hashtag #nome é o nome do campo que você deseja que seja autocomplete.
Boa sorte!

Comentários

  1. Fabiana na página do Jquery não conseguir baixar os arquivos. Estava precisando de uma solução igual a sua: Estados, Cidades e Bairros com combobox atutocomplete.

    daniel.consultorinfo@gmail.com

    ResponderExcluir
  2. Ola Daniel, Enviei a resposta para o seu email, espero poder ajudar.

    ResponderExcluir
    Respostas
    1. Desculpa, não recebi seu e-mail!!

      Mas conseguir rodar o script só um dos css não deu certo, pois não está aparecendo a setinha da combo.

      Vc tem esse select + autocomplete rodando? Poderia mostrar-me?

      Excluir

Postar um comentário

Postagens mais visitadas