Form submit

[renatonankran 0]

Ola galera estou tentando mandar um formularia( form submit ) com a função onclick, mas nao esta dando certo.

 

o código é o seguinte:

<div class="container-fluid">
  <div class="row">

    <!-- FORMULARIO -->
    <div class="col-sm-4">
            <form method="post" id="formAulas" action="localhost:8080/PHP/buscaAulas.php">

                <label for="categoria">Estado:</label>
                <div class="form-group">
                  <select name="estado" class="form-control" id="estado2"></select>
                </div>

                <label for="categoria">Cidade:</label>
                <div class="form-group">
                  <select name="cidade" class="form-control" id="cidade2"></select>
                </div>
                  <script language="JavaScript" type="text/javascript" charset="utf-8">
                    new dgCidadesEstados({
                      cidade: document.getElementById('cidade2'),
                      estado: document.getElementById('estado2'),
                      estadoVal: 'AC',
                      cidadeVal: 'Acre'
                    })
                  </script>
                
                <label for="categoria">Categoria:</label>
                <div class="form-group">
                 <select name="categoria" class="form-control" id="categoria">
                  <option value="Instrumentos musicais">Instrumentos musicais</option> 
                  <option value="Matematica">Matemática</option>              
                  <option value="Portugues">Português</option>
                  <option value="Programacao">Programação</option>
                  <option value="Quimica">Química</option>
                  <option value="Fisica">Física</option>
                 </select>
                </div>
                <button type="submit" class="btn btn-info btn-block" onclick="document.getElementById("formAulas").submit();">Pesquisar</button>
            </form>
    </div>

[Alaerte Gabriel 662]

Não vi necessidade de se utilizar jquery pra isso. Mais você utilizou aspas duplas para informar o nome do objeto, vai dar conflito com as aspas do onclick

 

Correto:

onclick="document.getElementById('formAulas').submit();"