Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Á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

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

×

Informação importante

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