Publicado em 21 de out.

Abrir modal com resultados do submit do formulário

#javascript #link #modal #submit #values

Preciso enviar valores POST para um modal, mas não to sabendo como, segue meu código

formulário

<form name="FORM1" method="POST">
 <input type="hidden" name="teste" value="testando12345">
</form>
<a href="#" onClick="document.forms['FORM1'].action= 'resultado.php'; document.forms['FORM1'].submit()">Enviar</a>

modal

<div class="modal fade" id="modal-select" tabindex="-1" role="dialog" aria-hidden="true" style="display: none;">
 <div class="modal-dialog">
 <div class="modal-content">
 <div class="modal-header">
 <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="icons-office-52"></i></button>
 <h4 class="modal-title"><strong>Select Input</strong> inside modal</h4>
 </div>
 <div class="modal-body">
 <div class="row">
 <div class="col-md-12">
 <p>conteudo</p>
 </div>
 </div>
 </div>
 <div class="modal-footer bg-gray-light">
 <button type="button" class="btn btn-default btn-embossed" data-dismiss="modal">fechar</button>
 <button type="button" class="btn btn-primary btn-embossed" data-dismiss="modal">salvar</button>
 </div>
 </div>
 </div>
</div>

link quer abre modal

<a href="#modal-select" data-toggle="modal">Abrir Modal</a>

Discussão (3)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

LandersonAlmeida· 21 de out.

Cria uma div com display:none, ocultando o modal, se existir um post remova a div.

kamin· 21 de out.

não entendi, como isso iria enviar os valores do formulário para o moda?

como ficaria ?

tentei fazer o submit dentro do modal,

colocando seguinte código no conteúdo do modal

 <script>function darsubmit(){ document.FORM1.submit(); } darsubmit();</script> <?php$selected = $_POST['teste']; echo $selected; ?>

até funciona 'eu acho', mas a página ficar dando refresh sozinha, seguidamente,

se eu colocar um break no javascript após executar a função, daí nao funciona mais, não sei pq

Alguém da um help?

kikombat· 24 de out.

Voce pode deixar a modal num arquivo separado, no click ou outro evento qualquer você direciona o post para o arquivo do modal, preenche com conteúdo desejado e o retorno ja seria o modal prontinho.