Autocomplete


Para criar um input autocomplete vamos utilizar a biblioteca do JQuery de autocomplete.

Exemplo:

Comece digitando a letra 'a':

No código temos: inclusão dos javascripts e css:

	
	
	
	
html:

	
	
Agora vamos incluir o código jquery que faz a mágica:

	
	
Para passar mais de um parâmetro para a página de pesquisa, o código fica assim:

	
	
Se fizermos a busca em uma página, ela deve ser parecida com a página abaixo:

	
	try {
		$db = new PDO( "sqlite:C:\bancoDeDados\banco.db" );
	} catch (PDOException $e) {
		$errorCode = ERR_NO_DATABASE;
	}
	
	// $_REQUEST['term'] é passado pelo JQuery
	$stm = $db->prepare("SELECT DISTINCT(nome) FROM pessoa WHERE nome LIKE '%". $_REQUEST['term'] ."%';");
	if($stm && $stm->execute())
		$talk = $stm->fetchAll(PDO::FETCH_ASSOC);
	   
	$json = '[';
	foreach($talk as $t) {
		if ($json != '[')
			$json .=  ',';   
		$json .= '{"value":"'.utf8_encode($t['peer']).'"}';
	}
	$json .= ']';
	 
	echo $json;

Fonte: http://jqueryui.com/autocomplete/




Comentários

Copyright © 2018 Anderson Bravo
www.andersonbravo.com.br
anderson@andersonbravo.com.br