Repetição na Caixa de Seleção com botão para abrir um link conforme as seleções

marcosdiirr · Novembro 1, 2018

Galera tenho o seguinte codigo onde se escolhe o estado e logo apos a cidade deste estado,

Só que agora tenho mais uma questão Existe a possibilidade de que quando a pessoa escolhe por exemplo o Estado: São Paulo e depois a Cidade por exemplo Ribeirão Preto ai abre uma página com informações dessa cidade? Ou um botão que depois que escolher as opções no Comobox a pessoa clica no botão e acessa a página relativa a sua escolha? Da para fazer isso com Javascript?

segue o codigo que achei aqui mesmo.

<!DOCTYPE html>
<html lang="pt-BR" dir="ltr">

<script>
var options = {
            "São Paulo" : ["São Paulo", "Itápolis", "Araraquara", "Ribeirão Preto", "Jacareí"], 
            "Rio de Janeiro" :  ["Rio de Janeiro", "Niteroi", "Petropolis", "Belford Roxo", "Nova Iguaçu"],
			"Santa Catarina" :  ["Joinville", "Florianópolis", "Blumenau", "Criciúma", "Chapecó"]
			
        }; 

        var load= function(){
                var estados = document.getElementById("estados"); 
                var chaves = Object.keys(options);

				  var l = document.createElement("option");
                    l.textContent = 'Escolha um estado';
                    l.value = null;
                    estados.appendChild(l);
				
				
				
                for(var i = 0; i < chaves.length; i++) {
                    var opt = chaves[i];
                    var el = document.createElement("option");
                    el.textContent = opt;
                    el.value = opt;
                    estados.appendChild(el);
                
				}
        }


        var setCidades = function (){
                var estados = document.getElementById("estados"); 
                var estado = estados.options[estados.selectedIndex].value;
                var cidades = options[estado];


                var cidade = document.getElementById("cidade");
cidade.innerHTML='';
if(cidades){
                for(var i = 0; i < cidades.length; i++) {
                    var el = document.createElement("option");
                    el.textContent = cidades[i];
                    el.value =  cidades[i];
                    cidade.appendChild(el);
                }
				}

        }
</script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body onload="load();">
    Escolha o Estado
    <select id="estados" onchange="setCidades(); return false;">
    </select>

    <br>

    Escolha a Cidade
    <select id="cidade" >  
    </select>
</body>
</html>