Last active
August 29, 2015 14:20
-
-
Save Uriel29/bbf14850a34dbd18ebdd to your computer and use it in GitHub Desktop.
Autocomplete com PHP e Jquery o mais simples que achei.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//chamando o Jquery | |
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> | |
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> | |
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> | |
<?php | |
//php para listar algo do banco isto para Joomla (pode ser usado em qualquer sistema ) | |
$db = JFactory::getDBO(); //acessar banco do Joomla | |
$query = ( 'SELECT bairro FROM `#__cidade` ' ); //seleciona bairro na tabela cidade | |
$db->setQuery($query); | |
$items = $db->loadObjectList(); //aqui temos tudo dentro de $items | |
foreach ($items as $item) { // foro para imprimir todos os bairros | |
$bairro= $item->bairro; | |
//echo $bairro; | |
} | |
?> | |
// JS para o autocomplete OBS (é o mesmo PHP de cima mas sem a exoplicação) | |
<script> | |
$(function() { | |
var bairross = [ <?php foreach ($items as $item) { | |
$bairro= $item->bairro; | |
echo "'$bairro',"; | |
} ?> | |
]; | |
$("#bairro" ).autocomplete({ | |
source: bairross | |
}); | |
}); | |
</script> | |
<input id="bairro" class="inputbox text span4" type="text" name="bairro" placeholder="bairro"> | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment