Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal, não conheço muito javascript mas tem coisas que só ele faz.....tenho que fazer aparecer uma div quando o usuario escolhe uma opção na select.
No script abaixo a div "instru" so´poderá aparecer se o usuario escolher a opção com valor 2 da div anterior "objetivos".
já pesquisei de tudo, olhei livro mas não entra na minha cabeça essa sintaxe.
poderiam me ajudar pelo amor de Deus!!!!!
<form nome="teste" id="teste" method="post" enctype="multipart/form-data">
<div class="objetivo">
<p class="perg">Qual seu Objetivo</p>
<select name="objetivo" id="objetivo">
<option value="1" selected>Escolha uma Opção</option>
<option value="2" onClick="efeito()">Quero saber meu nivel instrumental</option>
<option value="3">Quero saber meu nivel vocal</option>
<option value="4">Quero saber qual instrumento mais me identifico</option>
<option value="5">Quero saber se tenho aptidão para o canto</option>
</select>
</div><!--objetivo-->
<!--div que deve desaparecer e aparecer-->
<div id="instru">
<p class="perg">Qual instrumento você toca</p>
<select name="instrumento" >
<option value="1" selected>Escolha um instrumentoo</option>
<option value="2">Violão</option>
<option value="3">Guitarra</option>
<option value="4">Baixo</option>
<option value="5">Bateria</option>
<option value="">Teclado</option>
</select>
</div>
<!--instru-->
<div></div>
</form>
<!--teste-->
</div>
<!--contato1-->
</div>
<!--containerBox-->
<script type="text/javascript">
function efeito(){
//Armazena o ID da div em uma váriavel chamada mostrar_div
// mostrar_div pode ser mudado para um nome a sua escolha
var mostrar_div = document.getElementById('instru');
// condição para ele mostrar e esconder de acordo com o estado atual
if(mostrar_div.style.display == 'none'){
//caso o display do elemento for none ele muda para block
mostrar_div.style.display = 'block';
}else{
//se não será none
mostrar_div.style.display = 'none';
}
}
</script>Carregando comentários...