HTML
André, vamos à algumas observações, talvez uma delas resolva o problema:
- Não é necessário (e nem recomendável) nomear os campos como arrays (inserindo "[]" ao final do nome) se este não for o intuito
- Identificando os campos com "id" é recomendável à fim de que IDs são únicos e por isto o JQuery leva MENOS tempo para encontrar os elementos.
Seus campos poderiam ficar nesta estrutura:
<input type="text" name="cham_endereco" id="cham_endereco" value="">
Seu select idCliente
pode utilizar JQuery para interpretar seus eventos, por isto, você pode remover onchange="clienteChange()"
(é uma prática anti-JQUERY):
<select class="input-xxlarge" style="width: 409px !important;" id="idCliente" name="idCliente">
JQUERY
E a requisição JQUERY "escuta" através do evento "change" o que vier a ser escolhido no select idCliente
:
$('#idCliente').on('change', function()
{
var id = $(this).val();
// ajax
$.ajax({
url:"/Entregas/clientes.endereco.php?id=" + id,
dataType : 'json',
// além da opção "success", você pode utilizar também as opções
// "beforeSend" e "always", assim, ANTES de enviar, poderia por exemplo
// desabilitar o select box e dentro de "always", habilitar, evitando
// que o usuário "brinque" com a requisição do select box (flood)
beforeSend: function()
{
// (código que desabilita o selectbox)
},
success:function(result)
{
$('#cham_endereco').val(result.endereco);
// outros campos (...)
}
});
.always(function(data)
{
// habilitar novamente o selectbox
});
});
CODEIGNITER
É imprescindível que se retorne o "header" da requisição como JSON (application/json
):
$result['endereco'] = "teste";
return $this->output
->set_content_type('application/json')
->set_output(json_encode($result));
DICA
Utilize a extensão POSTMAN do CHROME, é essencial para validações e simulações AJAX sem precisar utilizar uma linha de código.