I have some fields that I need to populate with AJAX from a SELECT in php.
I am already able to fill in the ID field, and CUSTOMER, now the remaining items are missing, such as ENDERECO, CPF, NEIGHBORHOOD, CITY.
Ajax
$("#resultado").hide();
$("#cliente").keyup(function(){
var query = $(this).val();
if($("#cliente").val().length > 2){
$("#resultado").show();//
$("#resultado").html("<br><span class='naoEncontrado'>Não encontrado.</span><br><br><span><a onClick='novoCliente(1);'>(+) Cadastrar Novo </a></span>");
document.getElementById("resultado").style = "height:auto; margin-top:45px; width:330;";
$.ajax({
type: "POST",
url: "busca_cliente.php",
data: {q:query},
dataType: "json",
success: function(json){
var options = "";
$.each(json, function(key, value){
options +="<a class='resultado_json' alt='" + value + "' id='" + key + "'>" + value + "</a><br/>";
//"<option value='" + key + "'> " + value + "</option>";
});
$("#resultado").show();
$("#resultado").html("<br>"+options+"<br><span><a onClick='novoCliente(1);'>(+) Cadastrar Novo</a></span>");
$(".resultado_json").click(function(){
var codigo_p = $(this).attr('id');
var nome_p = $(this).attr('alt');
$("#id_cliente").val(codigo_p);
$("#cliente").val(nome_p);
$("#resultado").hide();
$("#resultado").html('');
});
}
});
}else{
$("#resultado").hide();
$("#resultado").html('');
$("#id_cliente").val(0);
}
});
customer.php
<?php
$consulta = $conn->prepare("SELECT ID,NOME FROM cliente WHERE (NOME LIKE '$cliente' OR CNPJ_CPF LIKE '$cliente')");
$consulta->execute();
while ($linha = $consulta->fetch(PDO::FETCH_ASSOC)) {
// aqui eu mostro os valores de minha consulta
//$idCliente[] = $linha['ID'];
//$nomeCliente[] = $linha['NOME'];
$retorno[ $linha['ID'] ] = $linha['NOME'];
//echo "<a href='#' name='$nomeCliente' id='$idCliente' class='procura'>$nomeCliente</a><br/>";
}
echo json_encode($retorno);
exit();
?>
INPUTS RECEIVING THE MODIFICATION
<input type="text" name="cliente" id="cliente">
<input type="text" name="id_cliente" id="id_cliente">
<input type="text" name="endereco" id="endereco">
<input type="text" name="cidade" id="cidade">
<input type="text" name="cep" id="cep">
<div id="resultado_ajax"></div>