Autocomplete em dois input
Olá, boa noite.
Estou usando um autocomplete que funciona perfeitamente, é bem simples e funcional. Mas estou querendo fazer uma modificação.
Quando eu digito o nome para buscar, mostrar normalmente, até conseguir mostrar o id junto com o nome.
Mas, estou querendo separar o id com o nome, ou seja, quando eu buscar um nome e clicar neste nome para inserir, gostaria que o id e o nome fosse inseridos em campos diferentes.
Vou deixar o código abaixo, e agradeço desde já se alguém puder me ajudar.
Este é onde busca no banco de dados
<?php
$host="localhost"; // Host name
$username="root"; // Mysql username
$password=""; // Mysql password
$db_name="busca"; // Database name
$con = mysql_connect($host,$username,$password) or die(mysql_error());
mysql_select_db($db_name, $con) or die(mysql_error());
$q = strtolower($_GET["q"]);
if (!$q) return;
$sql = "select DISTINCT nome from usuarios where nome LIKE '%$q%'";
$rsd = mysql_query($sql); $cname = $rs['nome'];
echo "$cname\n";
}
?>
Este insere no campo
<?php
session_start();
?><html>
<head>
<title>jQuery Autocomplete Plugin</title>
<script type="text/javascript" src="js/jquery-1.4.2.js"></script>
<script type='text/javascript' src="js/jquery.autocomplete.js"></script>
<link rel="stylesheet" type="text/css" href="js/jquery.autocomplete.css" />
<script type="text/javascript">
$().ready(function() {
$("#course").autocomplete("autoComplete.php", {
width: 260,
matchContains: true,
//mustMatch: true,
//minChars: 0,
//multiple: true,
//highlight: false,
//multipleSeparator: ",",
selectFirst: false
});
});
</script>
</head>
<body>
<h2>Autocomplete usando jQuery, Ajax, PHP</h1>
<div id="content">
<form autocomplete="off">
<p>
Digite um nome:
<input type="text" name="course" id="course" />
</p>
</form>
</div>
</body>
</html>Discussão (8)
Carregando comentários...