Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17582
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Auto completar do banco de dados MySQL jQuery

29-06-2011 18:22

Estou indicando aqui um script de auto complete bem interessante. O script usa jQuery para fazer uma consulta no banco de dados, e retornar opções a medida que o usuário vai preenchendo o input. O mais interessante nesse script é que é possível usar vários auto completar no mesmo documento, ou seja, você pode ter vários inputs que vão sendo preenchidos independentes um do outro.

Quem baixar o script, vai ver no arquivo test.php o seguinte código

$().ready(function() {
$("#course").autocomplete("get_course_list.php", {
width: 260,
matchContains: true,
//mustMatch: true,
//minChars: 0,
//multiple: true,
//highlight: false,
//multipleSeparator: ",",
selectFirst: false
});
});

Observe que deixei em negrito o id do input e o arquivo php que fará a consulta.

Para termos outro input que iria procurar em outra tabela ou coluna, basta duplicar o auto complete, dessa forma

$().ready(function() {
$("#course").autocomplete("get_course_list.php", {
width: 260,
matchContains: true,
//mustMatch: true,
//minChars: 0,
//multiple: true,
//highlight: false,
//multipleSeparator: ",",
selectFirst: false
});
$("#course2").autocomplete("get_course_list2.php", {
width: 260,
matchContains: true,
//mustMatch: true,
//minChars: 0,
//multiple: true,
//highlight: false,
//multipleSeparator: ",",
selectFirst: false
});

});

Para baixar o script acesse
http://beski.wordpress.com/2009/11/20/j ... ocomplete/
1
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado