Como redirecionar o usuário (para outra pagina) após sua escolha?

ALEX BROOKS · 20 de junho de 2015

Estou tendo dificuldade de fazer o código abaixo funcionar, preciso que ao ser selecionado uma cidade, este fosse redirecionado para uma determinada página.

Abaixo segue o código que estou tentando usar:

JavaScript:<script type="text/javascript" src="http://pastebin.com/raw.php?i=Qi2BcFsP"></script><script type="text/javascript">window.onload = function() {new dgCidadesEstados({estado: document.getElementById('estado'),cidade: document.getElementById('cidade'),estadoVal: '<%=Request("estado") %>',cidadeVal: '<%=Request("cidade") %>'});}</script>HTML:</head><body><form id="sistema" name="sistema" method="post" action=""><label>Estado</label><select id="estado" name="estado"></select><label>Cidade</label><select id="cidade" name="cidade"></select></form></body></head><body><form id="sistema" name="sistema" method="post" action=""><label>Estado</label><select id="estado" name="estado"></select><label>Cidade</label><select id="cidade" name="cidade"></select></form></body>

Carlos Barauna · 30 de junho de 2015

Pode usar um script de redirecionamento.

function Redireciona(obj){var src = obj.value+".html";location.href = src;}

supondo que você criou a pagina com o nome da cidade e que são arquivos html. Se for jsp só substituir o final da função.

O select ficaria assim

<select name="cidades" id="cidades" onchange="Redireciona(this)"><option value="curitiba">Curitiba</option><option value="fortaleza">Fortaleza</option><option value="natal">Natal</option></select>

Assim que seleciona a cidade o onchange vai pegar o value concatenar e redirecionar.

Verifica se funciona.

Se esses dados vierem do banco seria interessante usar o bean para preencher o select se tiver usando jsp pode usar a funcão foreach para isso.