colocar evento onchange campo select Estado Cidade

sergiofrades · Novembro 5, 2014

eu pago R$40,00 via pagseguro ou mercado pago pra quem resolver meu problema. o que eu preciso é o seguinte.

aqui abaixo segue um código html que contem um Select javascript Estado cidade, onde o arquivo js é hospedado no google. se você salvar esse html você irá ver que funciona perfeitamente o campo de estado e cidade. Agora o que eu preciso é de quando escolher um estado, e escolher uma cidade, a página ser direcionada pra outro página html. eu não quero que me dê dicas, eu preciso que você crie mais dois html, pode ser vazio mesmo, escrito apenas A e outro B. e você define duas cidades que ao escolher essa cidade, irá ser direcionada a página para o html A ou B. Você me enviando isso funcionando, aí eu irei conseguir ver o exemplo e desenvolver com as outras cidades.

<!doctype html>

<html>

<head>

<title>Estado e Cidades</title>

window.onload = function() {

new dgCidadesEstados(

document.getElementById('estado'),

document.getElementById('cidade'),

true

);

}

</script>

</head>

<body>

<label>Estado</label>:<select id="estado" name="estado"></select>

<label>Cidade</label>:<select id="cidade" name="cidade"></select>

</fieldset>

</form>

</body>

</html>

eu dei espaço no link do arquivo que está na tag script, para evitar que o link fosse reduzido.

LEMBRETE: envie primeiro o email pagseguro ou mercadopago pra que eu possa fazer o pagamento primeiro, se você postar o código aqui com a solução que eu preciso, e se eu já tiver conseguido resolver o problema, aí não irei enviar o seu pagamento. então envie primeiro o email pra que eu faça o pagamento e assim você faça a alteração no código, e poderá me enviar o código pronto por email ou postar o código pronto aqui.

Sandro2011 · Novembro 5, 2014

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<title>Estado e Cidades</title>
<script type="text/javascript" src="http://cidades-estados-js.googlecode.com/files/cidades-estados-v0.2.js"></script>
<script type="text/javascript">
    window.onload = function() {
        new dgCidadesEstados(
            document.getElementById('estado'),
            document.getElementById('cidade'),
            true
        );
    }
	
$(document).ready(function() {	
	$('#cidade').change(function() {  // evento ativado ao mudar cidade
                       var estado=$('#estado').val();
                       var cidade=$('#cidade').val();
    // coloquei o switch para ter a opção de selecionar por estado, e tb pq existem
    // cidades de mesmo nome, sendo necessario o uso do estado para definir
    console.log(estado + ' / ' + cidade);
    switch (estado) {   
        case 'SP': {
                    if (cidade=='Jundiaí') window.location.href = 'jundiai.html'; else
                    if (cidade=='Rio Claro') window.location.href = 'rio_claro.html';
                    break;
                    }
        case 'AM': {
                    if (cidade=='Manaus') window.location.href = 'Manaus.html';
                    break;
                    }
    }
   
   });
 });
</script>
</head>
<body>
 
<form method="post">
<fieldset>
<label>Estado</label>:<select id="estado" name="estado"></select>
<label>Cidade</label>:<select id="cidade" name="cidade"></select>
</fieldset>
</form>
 
</body>
</html>

meu email no pagseguro é sandrodow@terra.com.br

Entrar

colocar evento onchange campo select Estado Cidade

Pergunta

sergiofrades

Link para o comentário

Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

Sandro2011

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades