Olá galera, não estou conseguindo retornar mais de um valor através do Jquery UI AutoComplete
Tenho alguns inputs no index.php:
<link type="text/css" href="css/jquery-ui-1.8.5.custom.css" rel="Stylesheet" /> <input type="text" name = "nome" id = "nome" /> <input type="text" name="titular" id = "titular" />
Um script na mesma pagina que chama o arquivo autocomplete.php
<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.8.5.custom.min.js" type="text/javascript"></script>
<script>
$(function(){
$("#nome" ).autocomplete({source:'autocomplete.php',
select: function( event, ui ){
$("#titular").val(ui.item.titular);
}});
</script>
O arquivo autocomplete.php:
(Bd é uma classe de conexão ao Banco de dados por PDO)
"term" é o retorno padrão do AutoComplete UI
<?php
$mysqli = new Bd();
$text = $_GET['term'];
$query = "SELECT nome FROM usuarios WHERE nome LIKE '%$text%' ORDER BY nome ASC";
$result = $mysqli->query($query);
$json = '[';
$first = true;
while($row = $result->fetch()){
if (!$first) { $json .= ','; } else { $first = false; }
$json .= '{"nome":"'.$row['nome'].'","titular":"'.$row['titular'].'"}';
}
$json .= ']';
echo $json;
?>
Só que não consigo retornar nenhum valor quando passo mais de um termo no json.
Se puderem ajudar agradeço muito.