select che fa comparire o scomparire altri campi

[pmi]

In un form ho inserito la seguente select e vorrei che in base alla scelta faccia comparire la parte di tabella con il file input e nascondere la parte con la textarea oppure viceversa!

********** Menu select "ban_tipo" ****************
<select name="ban_tipo_<?php echo $cnt1; ?>" id="ban_tipo_<?php echo $cnt1; ?>">
<option value="image" <?php if (!(strcmp("image", KT_escapeAttribute($row_rsvedanet_banner['ban_tipo'])))) {echo "SELECTED";} ?>>image</option>
<option value="html" <?php if (!(strcmp("html", KT_escapeAttribute($row_rsvedanet_banner['ban_tipo'])))) {echo "SELECTED";} ?>>html</option>
</select>


********** Input File "ban_image" ****************
<input type="file" name="ban_image_<?php echo $cnt1; ?>" id="ban_image_<?php echo $cnt1; ?>" size="32" />
<?php echo $tNGs->displayFieldError("vedanet_banner", "ban_image", $cnt1); ?>



********** Input textarea "ban_html" ****************
<textarea name="ban_html_<?php echo $cnt1; ?>" id="ban_html_<?php echo $cnt1; ?>" cols="50" rows="5"><?php echo KT_escapeAttribute($row_rsvedanet_banner['ban_html']); ?></textarea>
<?php echo $tNGs->displayFieldHint("ban_html");?> <?php echo $tNGs->displayFieldError("vedanet_banner", "ban_html", $cnt1); ?>

[morphy79]

io separarei la tabella in 2 sottotabelle, ognuna con un id che la identifica, poi sulla select metto l'evento onChange che richiama una funzione

onChange=cambiaVisibilita(this.selectedIndex)

la funzione cambiaVisibilita() fara così :

function cambiaVisibilita(sceltaVista){

// SE SELEZIONATA LA PRIMA OPZIONE FA VEDERE LA TABELLA 1
if(sceltaVista==0){
document.getElementById('ID_TABELLA_1').style.display = "block"
document.getElementById('ID_TABELLA_2').style.display = "none"
}

// SE SELEZIONATA LA SECONDA OPZIONE FA VEDERE LA TABELLA 2
if(sceltaVista==1){
document.getElementById('ID_TABELLA_1').style.display = "none"
document.getElementById('ID_TABELLA_2').style.display = "block"
}

spero possa andare