form Formulario

[ivoib]

Bom dia,

Estou com uma grande duvida a respeito o FORM, minha equipe na faculdade estamos elaborando um formulário que procede com 3 opção de escolha, cada escolha tem um tipo de formulário na escolha de cada item chamara um formulário.

Criamos as 3 opção mas no momento de escolher uma não estamos conseguindo chamar o formulário adequado.

<form  method="post" action="PaginaInscricao.html">
    <label for="estudante">Estudante</label>
    <input id="estudante" name="one" type="radio" value="estudante" />
    </form>
    <form  method="post" action="primeira.html">
    <label for="profissional">Profissional</label>
    <input id="profissional" name="one" type="radio" value="profissional" />
    </form>
    <form  method="post" action="segunda.html">
    <label class="choice" for="element_7">Professor</label>
    <input id="professor" name="one" type="radio" value="professor" />
    </form>

[wootzor]

Com jQuery é relativamente simples, partindo do princípio que usas apenas um formulário:

 

<form method="post" action="PaginaInscricao.html">
    <label for="estudante">Estudante</label>
    <input id="estudante" name="one" type="radio" value="estudante" />
    <label for="profissional">Profissional</label>
    <input id="profissional" name="one" type="radio" value="profissional" />
    <label class="choice" for="professor">Professor</label>
    <input id="professor" name="one" type="radio" value="professor" />
    <input type="submit" value="Enviar" />
</form>

$(document).ready(function() {
  $("form").on("submit", function() {
	var opcao = $("input[type='radio']:checked").attr("value");
	switch (opcao) 
	{
		case "estudante":
			$(this).attr("action", "PaginaInscricao.html");
			break;
		case "profissional":
			$(this).attr("action", "primeira.html");
			break;
		case "professor":
			$(this).attr("action", "segunda.html");
			break;
	}
  });
});

Basicamente é obter a opção que foi seleccionada, verificando qual o radio button que foi escolhido e depois usar um switch para modificar o atributo action do formulário em conformidade.

Editado Outubro 30, 2015 por wootzor