Ir para conteúdo
Álef Henrique

Salvar option em Javascript

Recommended Posts

Boa tarde, sou novo na área e estou fazendo um formulário, onde o cliente faz o cadastro de sua matrícula.
Ele tem direito a duas opções de curso, ele escolhe a primeira opção logo em seguinda aparece uma div para ele escolher a forma de pagamento, quando ele escolhe o formato de pagamento vem a opção do segundo curso.
Quando vou mandar salvar no banco, ele salva o Value do <select><option value="plano1">, tem como ele começar a salvar o id ou o name? Como vocês vão ver, não tem como eu trocar o nome do value, pois minha função js depende do nome dele.

Segue abaixo a maneira que eu fiz.
#####################################################################################################

<head>
JavaScript

<script language="Javascript">
function showDiv(div)
{
document.getElementById("plano1").className = "invisivel";
document.getElementById("plano2").className = "invisivel";
document.getElementById("plano3").className = "invisivel";
document.getElementById(div).className = "visivel";
}
</script>
<style>
.invisivel { display: none; }
.visivel { visibility: visible; }
</style>
<script language="Javascript">
function showDiv2(div)
{
document.getElementById("plano1div2").className = "invisivel";
document.getElementById("plano2").className = "invisivel";
document.getElementById("plano3").className = "invisivel";
document.getElementById(div).className = "visivel";
}
</script>
<style>
.invisivel { display: none; }
.visivel { visibility: visible; }
</style>

</head>
<body>
<form action="" method="post" name="signupform" id="signupform" autocomplete="off">
<fieldset>
<legend>Escolha seu curso:</legend>
<table width="694">
<tr>
<td colspan="3" class="label"> </td>
</tr>
<tr>
<td class="label">
<label id="Manifestacao" for="Manifestacao">Opções de Curso:</label>
</td>
<td class="field">
<select id="OpcaoUm" name="OpcaoUm" onChange="showDiv(this.value);" style="width: 440px;">
<option>Selecione sua primeira opção...</option>
<option class="drop">Pós em Direito</option>
<option value="plano1">Direito Administrativo</option>
<option value="plano1">Direito do Consumidor</option>
<option value="plano1">Direito do Trabalho</option>
<option value="plano1">Direito Empresarial</option>
<option value="plano1">Direito Imobiliário</option>
<option value="plano1">Direito Penal</option>
<option value="plano1">Direito Tributário</option>
</select>
<div id="plano1" class="invisivel">
<p>
<img src="images/check.png">
 Parabéns, você ganhou <strong>20% de desconto</strong> em seu curso!
</p>
<p>
► Selecione a forma de pagamento desejada:
</p>
<label for="FormaPagamentoUm">
<span onClick="AparecerDiv();" style="cursor: pointer;">
<input type="checkbox" name="FormaPagamentoOpcaoUm" id="FormaPagamentoOpcaoUm" value="12x"> 8 X 204,00
</span>
</label>
<label for="FormaPagamentoUm">
<span onClick="AparecerDiv();" style="cursor: pointer;">
<input type="checkbox" name="FormaPagamentoOpcaoUm" id="FormaPagamentoOpcaoUm" value="15x">15 X R$ 114,40
</span>
</label>
<br><br>
<div id="manipulada" style="display: none;">
<table width="694">
<tr>
<td colspan="3" class="label"> </td>
</tr>
<tr>
<td class="field">
<select id="OpcaoDois" name="OpcaoDois" onChange="showDiv2(this.value);" style="width: 440px;">
<option>Selecione sua segunda opção...</option>
<option class="drop">Pós em Direito</option>
<option value="plano1div2">Direito Administrativo</option>
<option value="plano1div2">Direito do Consumidor</option>
<option value="plano1div2">Direito do Trabalho</option>
<option value="plano1div2">Direito Empresarial</option>
<option value="plano1div2">Direito Imobiliário</option>
<option value="plano1div2">Direito Penal</option>
<option value="plano1div2">Direito Tributário</option>
</select>
<div id="plano1div2" class="invisivel">
<p>
<img src="images/check.png">
 Parabéns, você agora é um aluno <strong>Dose Dupla</strong>. Você ganhou <strong>50% de desconto</strong> em seu curso!
</p>
<p>
► Selecione a forma de pagamento desejada:
</p>
<label for="FormaPagamentoDois">
<input type="checkbox" name="FormaPagamentoOpcaoDois" id="FormaPagamentoOpcaoDois" value="8 Vezes" />
8 X 204,00
</label>
<label for="FormaPagamentoDois">
<input type="checkbox" name="FormaPagamentoOpcaoDois" id="FormaPagamentoOpcaoDois" value="15 Vezes" />
15 X R$ 114,40
</label></br></br>
<p> <font style="color:red; font-size:15px">*</font>Faça sua matrícula por apenas <strong>R$ 100,00</strong>.</p>
</div>
</div>
<div id="plano2" class="invisivel">O PLANO 2 vai aqui</div>
<div id="plano3" class="invisivel">Se qeuiser um terceiro plano, este é o espaço</div>
</td>
<td width="166" class="status"></td>
</tr>
</table>
</fieldset>
</form>
</body>
Se alguém poder me ajudar!

Muito obrigado a todos

Compartilhar este post


Link para o post
Compartilhar em outros sites
Álef Henrique

 

1° Cade a função que você fez pra gente tenta te ajudar segundo,você salvado o value você não precisar sabe o nome do plano.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Acabei de criar a função para salvar somente o texto.
Exemplo:
<Select><option value="Plano1"> SALVAR TEXTO QUE ESTÁ AQUI DENTRO</option></select>
Mais não quer funcionar.

<script type="text/javascript">
$(document).ready(function(){
$("#OpcaoUm").change(function(){
var a = $("#OpcaoUm option:selected").text();
alert(a);
});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$("#OpcaoUm").change(function(){
var a = $("#OpcaoUm option:selected").text();
alert(a);
});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$("#OpcaoDois").change(function(){
var a = $("#OpcaoDois option:selected").text();
alert(a);
});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$("#OpcaoDois").change(function(){
var a = $("#OpcaoDois option:selected").text();
alert(a);
});
});
</script>

Obrigado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.