Tenho um sistema bem simples de busca de CEP, porém...após retornar os valores, não estou sabendo como fazer para passar o valor que foi inserido no campo CEP.
O campo está em um primeiro form, já os dados que retornam estão em um segundo form, quando envio eles pra próxima página eles vão, mas não consigo achar um meio de enviar o valor digitado no campo CEP.
Se alguém puder ajudar.
Grato!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br" dir="ltr">
<head>
<title>.: Busca :.</title>
<!-- Inclui o Jquery -->
<script src="js/jquery-1.6.2.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
function getEndereco() {
if($.trim($("#cep").val()) != ""){
//document.getElementById("load").style.display = 'block';
/*
Para conectar no serviço e executar o json, precisamos usar a função
getScript do jQuery, o getScript e o dataType:"jsonp" conseguem fazer o cross-domain, os outros
dataTypes não possibilitam esta interação entre domínios diferentes
Estou chamando a url do serviço passando o parâmetro "formato=javascript" e o CEP digitado no formulário
http://cep.republicavirtual.com.br/web_cep.php?formato=javascript&cep="+$("#cep").val()
*/
$.getScript("http://cep.republicavirtual.com.br/web_cep.php?formato=javascript&cep="+$("#cep").val(), function(){
// o getScript dá um eval no script, então é só ler!
//Se o resultado for igual a 1
if(resultadoCEP["resultado"] && resultadoCEP["bairro"] != ""){
// troca o valor dos elementos
$("#endereco").val(unescape(resultadoCEP["tipo_logradouro"])+": "+unescape(resultadoCEP["logradouro"]));
alert("Endereço encontrado");
$("#bairro").val(unescape(resultadoCEP["bairro"]));
$("#cidade").val(unescape(resultadoCEP["cidade"]));
$("#estado").val(unescape(resultadoCEP["uf"]));
//$("#enderecoCompleto").show("slow")<img src='http://forum.wmonline.com.br/public/style_emoticons/<#EMO_DIR#>/wink.gif' class='bbc_emoticon' alt=';)' />
//document.getElementById("load").style.display = 'none';
//validate()
}else{
alert("Endereço não encontrado");
//$("#enderecoCompleto").show("slow");
return false;
}
});
}
else
{
alert('Antes, preencha o campo CEP!')
//document.getElementById("load").style.display = 'none';
}
}
</script>
<!-- Inclui o CSS para dar um ar de graça -->
<link href="style.css" type="text/css" rel="stylesheet" />
</head>
<body>
<form name="f" id="f" onSubmit="return false" >
Cep:
<input name="cep" type="text" id="cep" />
<button id="btn" class="btn" onclick="return getEndereco()">Consultar</button>
</form>
<form action="teste23.php" method="get">
<input type="hidden" name="txt_cep" id="cep2" />
<input type="hidden" name="txt_endereco" id="endereco" />
<input type="hidden" id="txt_bairro" name="bairro" />
<input type="hidden" name="txt_cidade" id="cidade" />
<input type="hidden" name="txt_estado" id="estado" size="2" />
<input type="submit" value="Enviar" />
</form>
</body>
</html>
Alguém?
