Fórum CodigosnaWeb.com

<script language="JavaScript">
function mostra(qual) {

//é obtido qual opção foi escolhida e mostra o div correspondente
document.getElementById(qual).style.display='block';

//escolhendo a opcao1, bloqueia o 2 e 3
if(qual=="opcao1") {
document.getElementById("opcao2").style.display='none';
document.getElementById("opcao3").style.display='none';
}

//escolhendo a opcao2, bloquei o 1 e 3
if(qual=="opcao2") {
document.getElementById("opcao1").style.display='none';
document.getElementById("opcao3").style.display='none';
}

//escolhendo a opcao3, bloqueia o 1 e 2
if(qual=="opcao3") {
document.getElementById("opcao1").style.display='none';
document.getElementById("opcao2").style.display='none';
}

}
</script>

<form name="form">
<select name="opcoes" onChange="mostra(this.value)">
<option>Escolha</option>
<option value="opcao1">opção 1</option>
<option value="opcao2">opção 2</option>
<option value="opcao3">opção 3</option>
</select>
</form>

<div id="opcao1" style="display:none;">
<form name="opcao1" action="">
opção 1 <input type="text" name="texto" value=""><input type="submit">
</form>
</div>

<div id="opcao2" style="display:none;">
<form name="opcao2" action="">
opção 2 <input type="text" name="texto" value=""><input type="submit">
</form>
</div>

<div id="opcao3" style="display:none;">
<form name="opcao3" action="">
opção 3 <input type="text" name="texto" value=""><input type="submit">
</form>
</div>