How to redirect the user (to another page) after your choice?

Navigation
1

I'm having trouble making the code below work, I need to be redirected to a particular page when selecting a city.

Below is the code I'm trying to use:

JavaScript: 

<script type="text/javascript" src="http://pastebin.com/raw.php?i=Qi2BcFsP"></script><scripttype="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>
    
asked by anonymous 20.06.2015 / 16:34

2 answers

2

Add a change event to your select of the city, then you can figure out what the value is. 

<script type="text/javascript" src="http://pastebin.com/raw.php?i=Qi2BcFsP"></script><formid="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>

<script type="text/javascript">
    window.onload = function() {

      new dgCidadesEstados({
        estado: document.getElementById('estado'),
        cidade: document.getElementById('cidade'),
         estadoVal: '<%=Request("estado") %>',
         cidadeVal: '<%=Request("cidade") %>'
      });
  
      document.getElementById('cidade').addEventListener("change", function(){
        var cidadeSelecionada = this.value;
    
        if (cidadeSelecionada && cidadeSelecionada != "Selecione uma cidade") {
           //document.location.href = "suaurl.com?cidade=" + cidadeSelecionada;
           alert(cidadeSelecionada);
        }
      });
    }
</script>
20.06.2015 / 19:36
1

As I posted in another answer the example of redirection and explained:

Use the change event, as in the example the beginning of the code should look like this: 

window.onload = function() {
    var estados = document.getElementById('estado');
    var cidades = document.getElementById('cidade');

    cidades.onchange = function()
    {
        if (cidades.value !== "") {
            //Basta modificar está linha conforme a necessidade
            window.location = "pagina.asp?estado=" + estados.value + "&cidade=" + cidades.value
        }
    };

    new dgCidadesEstados({
        estado: estados,
        cidade: cidades,
        estadoVal: '<%=Request("estado") %>',
        cidadeVal: '<%=Request("cidade") %>'
    });

    var opts = estados.getElementsByTagName("option");
    var i = 0, j = opts.length, e, remove = [];

    for (; i < j; i++) {
        e = opts[i];
        if (e.value !== "" && e.value !== "MG" && e.value !== "SP") {
            //Pega o elemento que será removido e adiciona ao vetor/array
            remove.push(e);
        }
    }

    i = 0;
    j = remove.length;

    for (; i < j; i++) {
        //Remove todos que são diferentes de Minas Gerais, São Paulo e vazio (este ultimo equivale ao "Selecione um estado")
        estados.removeChild(remove[i]);
    }
};
<script src="https://cidades-estados-js.googlecode.com/files/cidades-estados-1.2-utf8.js"></script><formid="sistema" name="sistema" method="post" action="">
<label for="cidade">Estado</label>
<select id="estado" name="estado"></select>

<label for="cidade">Cidade</label>
<select id="cidade" name="cidade"></select>
</form>

To change the destination address, simply change the line where you are window.location =

    
20.06.2015 / 19:37
Change font size Highlight current page link