Exibir elemento que corresponde ao item que foi selecionado
Boa noite a todos. direto ao ponto.
Pessoal abaixo temos três select. O 1º Select você escolhe se quer cadastrar Camisa ou Bermuda.
Após escolher, automaticamente é exibido o 2º e o 3º select. O problema é que exibe os dois de vez.
Gostaria muito que exibisse apenas 1 select; o que corresponde ao produto que foi selecionado.Nota: Não entendo nada de javascript. O script abaixo peguei na internet.
<html>
<body>
<script type="text/javascript">
function hideandshow(id){if(document.getElementById(id).style.display == 'inline'){
document.getElementById(id).style.display = 'none';
}else{
document.getElementById(id).style.display = 'inline';
}
}
function executaEventoOnclick(id){if(document.getElementById(id).style.display == 'inline'){
document.getElementById(id).style.display = 'none';
}else{
document.getElementById(id).style.display = 'inline';
}{
document.getElementById(id).style.display = 'inline';
}
}
</script>
</body>
</html><!-- Função hideandshow / Function hideandshow -->
<STYLE type="text/css">
#smasaro{ display: none; }
</style>
<b>Cadastrar: </b>
<select name="aprendiz" onchange="executaEventoOnclick('smasaro')">
<option value=""></option>
<option value="">Camisa</option>
<option value="">Bermuda</option>
</select>
<!-- DIV fica escondida até algum clique no SELECT -->
<br /><br /><br />
<div id="smasaro">
<!-- select name idmenu tem que ter o mesmo nome para Camisa e Bermuda -->
Camisa <select name="idmenu" >
<option value=""></option>
<option value="11">camisa tamanho P</option>
<option value="12">camisa tamanho M </option>
</select>
<br><br>
Bermuda <select name="idmenu" >
<option value=""></option>
<option value="24">Bermuda tamanho P</option>
<option value="25">Bermuda tamanho M </option>
</select>
</div>Discussão (3)
Carregando comentários...