Jump to content
Fórum Script Brasil
  • 0

Como mostrar uma div após acionar Submit


andradekarem
 Share

Question

Boa tarde Galera!

Como faço para mostrar uma div após dar submit no form? Acontece que a div aparece mas some após segundos, ou seja, o submit atualiza a pagina e a div volta a ficar oculta.

 

Obs: no código abaixo, "periodo" é o id do meu select, eu exibo a div quando o usuario seleciona option de value "Mensal".

Seguem os meus códigos:

.jsp

<input type="button" class="btn btn-primary" name="filtrar"	value="Filtrar" onclick="validarCampoVazio()" />

<div id="Mensal" style="display: none;">
    //resultados esperados
</div>

.js

function validarCampoVazio() {
// validações do formulario

// se estiver tudo Ok...
    document.relatorio.submit();
    exibirDiv();

}

function exibirDiv() {
	var periodo = $("#periodo").val();
	if (periodo == "Mensal") {
		document.getElementById("Mensal").style.display = "block";
	}
}

 

Link to comment
Share on other sites

1 answer to this question

Recommended Posts

  • 0

A única forma que estou a ver para resolver o problema será fazer o envio do formulário através de AJAX.

Estás a usar jQuery na tua página? A forma como atribuis valor à variável periodo sugere que sim, no entanto estás a misturar JavaScript nativo com jQuery, se for o caso.

Com jQuery, há uma forma relativamente simples de fazer o que pretendes.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Forum Statistics

    • Total Topics
      149.6k
    • Total Posts
      646.2k
×
×
  • Create New...