Entrar Ainda não tem acesso?
4
respostas

Abrir uma outra página à partir de um seleção de formulário

Referente ao curso JavaScript : Programando na linguagem da web, no capítulo Eventos e atividade Vídeo 2

por Emerson Rolim
| 167.8k xp | 29 posts
Web Designer

Prof. bom dia !

Poderia tirar uma dúvida. Como eu faço um Javascript, que a partir de uma seleção de formulário abra uma outra página?

Segue o html :

<form>
                            <div class="container"> 
                                <div class="row">
                                    <div class="col-md-3">
                                          <div class="form-group">
                                            <label>Pesquisar por:</label>
                                             <select id="opcao" name="opcao" class="form-control">
                                                <option value="1">Código R3</option>
                                                <option value="2">CNPJ ou CPF</option>
                                                <option value="3">Razão Social</option>
                                                <option value="4">Código Prospect</option>
                                            </select>
                                          </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="pesquisa" class="texto_label"></label>
                                            <input type="email" class="form-control" id="pesquisa" placeholder="Digitar a informação desejada da pesquisa">
                                        </div>
                                    </div>
                                    <div class="col-md-3"><button type="button" class="btn btn-success">Pesquisar</button>&nbsp;
                                    <button type="button" class="btn btn-default">Limpar</button></div>
                                </div>    
                            </div>    
                        </form>

Aguardo um retorno

4 respostas
por GABRIEL DE JESUS FILHO
| 1129.7k xp | 665 posts
TÉCNICO JUDICIÁRIO : ÁREA ADMINISTRATIVA

Uma das formas é esta.

Altere o código do botão:

<button type="button" class="btn btn-success" onClick="navega()">Pesquisar</button>

Insira o script abaixo antes do 

<script>
    function navega() {
        window.location.href = "http://www.folha.com.br";
    }
</script>
por Emerson Rolim
| 167.8k xp | 29 posts
Web Designer

Certo. No meu caso preciso fazer um condição na seleção de pesquisa do formulário.

Exemplo para você entender:

Se escolher a opção 1 vai para uma página, se eu escolher a opção 2, vai para outra e assim sucessivamente.

Como eu faço?

Aguardo

Emerson

por GABRIEL DE JESUS FILHO
| 1129.7k xp | 665 posts
TÉCNICO JUDICIÁRIO : ÁREA ADMINISTRATIVA

Se for com um clique do botão, pode ser assim:

<script>
    function navega() {
        var opcao = document.getElementById("opcao").value;
        var pagina= '';
        switch (opcao) {
                   case "1":  
            pagina = "http://www.folha.com.br";
                       break;
          case "2":
            pagina = "http://www.tt.com.br";
                       break;
            }
        window.location.href = pagina;
    }
</script>

Se quiser programar o evento na troca do valor pode ser assim:

 <select id="opcao" name="opcao" class="form-control" onChange="navega()">

Se quiser manter no click do botão:

<button type="button" class="btn btn-success" onClick="navega()">Pesquisar</button>
por Emerson Rolim
| 167.8k xp | 29 posts
Web Designer

Valeu!

Obrigado pela ajuda. Resolveu meu problema.

Abraços