1

Boa noite, como eu faço para submeter um formulário com select sem o botão submit? Por exemplo, to criando um filtro que quando seleciona o option ele automaticamente submete o formulario sem ter o botão submit.

Meu formulário tá assim:

<form class="form-inline left" method="POST">
            <div class="form-group">
                <label for="listar">Listar por</label>
                <select id="filtro" name="filtro" class="form-control">
                    <option value="professor">Professor</option>
                    <option value="assunto">Assunto</option> 
                </select>
            </div>
        </form>
1
  • 1
    Vinicius, reparei que nunca marcaste como aceite uma resposta às tuas pergunta. É aconselhável fazê-lo, quem te ajuda recebe pontos por ter dado a resposta que melhor solucionou o teu problema. Podes ler mais sobre isso no meta: meta.pt.stackoverflow.com/q/1078/129
    – Sergio
    Commented 22/11/2016 às 20:17

1 Resposta 1

4

Podes fazer isso diretamente no select com onchange="this.form.submit()":

<select id="filtro" name="filtro" class="form-control" onchange="this.form.submit()">

Dessa maneira quando o evento change for criado ele envia o formulário diretamente.

Exemplo: https://jsfiddle.net/kgfcetud/

Outra maneira é usar um ausculador de evento assim:

document.getElementById('filtro').addEventListener('change', function() {
    this.form.submit();
});

Exemplo: https://jsfiddle.net/rdhcp58d/

5
  • 1
    Obrigado, era isso mesmo que eu queria, mas não fica um pouco obstrusivo não? Será que teria outra solução? Commented 22/11/2016 às 20:09
  • 1
    @ViniciusAquino isso é a maneira ao estilo React, mas juntei outra versão agora. A primeira tem a vantagem de deixar o codigo relacionado já no elemento, uma vez que é pouco código e só diz respeito a ele próprio.
    – Sergio
    Commented 22/11/2016 às 20:12
  • @Sergio sem o submit cada vez que for selecionado alguma opção a opção será enviada, em caso de clicar na opção errada também correto ? Existe outra forma de prevenir isso sem o submit?
    – MagicHat
    Commented 22/11/2016 às 20:42
  • @MagicHat cada vez que o valor mudar, mas não somente com click de abrir.
    – Sergio
    Commented 22/11/2016 às 20:58
  • Muito obrigado! Commented 23/11/2016 às 17:13

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .