Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Gilberto Jr

Busca de cep do Correio

Por , em Javascript

Recommended Posts

Gilberto Jr    26

Gilberto Jr
Postado

Bom dia;

 

Eu tenho esse código abaixo javascript que faz a busca do endereço de acordo com o CEP que é digitado.

 

Todos os inputs estão com o type="text" mas eu queria mudar o campo cidade para um <select id="localidade"><option value=""></option></select> não funciona.

 

Nesse caso só vai funcionar se for <input type="text" id="localidade" value="" />?

<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="utf-8" />
<title></title>
<script>
function atualizacep(cep){
cep = cep.replace(/\D/g,"")
url="http://cep.correiocontrol.com.br/"+cep+".js"
s=document.createElement('script')
s.setAttribute('charset','utf-8')
s.src=url
document.querySelector('head').appendChild(s)
}

function correiocontrolcep(valor){
if (valor.erro) {
alert('Cep não encontrado');
//document.getElementById("cep").focus();
//document.getElementById("cep").value = "";
return;
};
document.getElementById('logradouro').value=valor.logradouro
document.getElementById('bairro').value=valor.bairro
document.getElementById('localidade').value=valor.localidade
document.getElementById('uf').value=valor.uf
}

</script>
</head>
<body>
<h1>Busca de cep do Correio</h1>
<label>CEP</label>
<input id="cep" onblur="atualizacep(this.value)" /><br />
<label>Logradouro</label>
<input id="logradouro" /><br />
<label>Bairro</label>
<input id="bairro" /><br />
<label>Cidade</label>
<input id="localidade" /><br />
<label>UF</label>
<input id="uf" />
</body>
</html>

Grato pela ajuda.

 

Att;

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Para selecionar o combo, vc precisa ver exatamente qual option tem q receber o selected.

 

Veja:

http://wbruno.com.br/javascript-puro/copiar-formulario-ao-selecionar-select/

Compartilhar este post

Link para o post
Compartilhar em outros sites

Gilberto Jr    26

Gilberto Jr
Postado

Bom dia;

 

Eu resolvi da seguinte forma. Usando o mesmo script que postei acima como é os estados e as cidades que eu preciso basta eu preencher os combos com os estados e as cidades.

 

Assim quando a pessoa digitar o CEP e quando e sistema fizer a busca no site do correio ele traz o estado e a cidade pois o mesmo já esta listado nos combos.

 

Assim fica fácil se o usuário não souber o CEP ele pode escolher o estado e a cidade.

 

Ficou assim o meu código

<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="utf-8" />
<title></title>
<script>
function atualizacep(cep){
cep = cep.replace(/\D/g,"")
url="http://cep.correiocontrol.com.br/"+cep+".js"
s=document.createElement('script')
s.setAttribute('charset','utf-8')
s.src=url
document.querySelector('head').appendChild(s)
}

function correiocontrolcep(valor){
if (valor.erro) {
alert('Cep não encontrado');
//document.getElementById("cep").focus();
//document.getElementById("cep").value = "";
return;
};
document.getElementById('logradouro').value=valor.logradouro
document.getElementById('bairro').value=valor.bairro
document.getElementById('localidade').value=valor.localidade
document.getElementById('uf').value=valor.uf
}

</script>
</head>
<body>
<h1>Busca de cep do Correio</h1>
<label>CEP</label>
<input id="cep" onblur="atualizacep(this.value)" /><br />
<label>Logradouro</label>
<input id="logradouro" /><br />
<label>Bairro</label>
<input id="bairro" /><br />
<label>Cidade</label>
<input id="localidade" /><br />
<label>UF</label>
<select id="uf">
<option value="#">Estado</option>
<option value="ES">Espirito Santo</option>
<option value="RJ">Rio de Janeiro</option>
<option value="SP">São Paulo</option>
<option value="MG">Minas Gerais</option>
</select>
</body>
</html>

Talvez esse script ajude alguém também.

 

Att;

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito