Originariamente inviato da lelenet
Buonasera,
vorrei che in base alla selezione di un menu a tendina mi escano sotto al menu solo alcuni text box, come posso fare?
Questo e un esempio:
codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
<script type="text/javascript">
function AbilitaCampi(valore){
if(valore==1){
document.form1.campo1.style.display='inline';
document.form1.campo2.style.display='none';
document.form1.campo3.style.display='none';
document.form1.campo4.style.display='none';
document.form1.campo5.style.display='none';
document.form1.campo6.style.display='none';
}else if(valore==2){
document.form1.campo2.style.display='inline';document.form1.campo3.style.display='inline';
document.form1.campo1.style.display='none';
document.form1.campo4.style.display='none';
document.form1.campo5.style.display='none';
document.form1.campo6.style.display='none';
}else if(valore==3){
document.form1.campo4.style.display='inline';document.form1.campo5.style.display='inline';document.form1.campo6.style.display='inline';
document.form1.campo1.style.display='none';document.form1.campo2.style.display='none';document.form1.campo3.style.display='none';
}else{
document.form1.campo1.style.display='none';
document.form1.campo2.style.display='none';
document.form1.campo3.style.display='none';
document.form1.campo4.style.display='none';
document.form1.campo5.style.display='none';
document.form1.campo6.style.display='none';
}
}
</script>
</head>
<body>
<form name="form1" id="form1" method="post" action="">
<select name="ListaVoci" id="ListaVoci" onchange="AbilitaCampi(this.options[this.selectedIndex].value)">
<option value="0" selected="selected">Seleziona</option>
<option value="1">Campo1</option>
<option value="2">Campo2</option>
<option value="3">Campo3</option>
</select>
<textarea name="campo1" style="display:none">Valore campo 1</textarea>
<textarea name="campo2" style="display:none">Valore campo 2</textarea>
<textarea name="campo3" style="display:none">Valore campo 3</textarea>
<textarea name="campo4" style="display:none">Valore campo 4</textarea>
<textarea name="campo5" style="display:none">Valore campo 5</textarea>
<textarea name="campo6" style="display:none">Valore campo 6</textarea>
</form>
</body>
</html>
ma ci sono altre possibilita come inserire dei layer dove al proprio interno vi siano tot campi, dipende anche dalla quantita delle textarea (il campo puo essere cambiato a piacere)