Nascondere e visualizzare campi senza il refresh

[iceberg]

Ciao a tutti, partendo da un form tipo:


<tr>
<td>Tipo</td>
<td colspan="4"><input name="textfield17" type="text" id="textfield17" size="80" /></td>
</tr>
<tr>
<td>Imballo</td>
<td colspan="4"><input type="text" name="textfield22" id="textfield22" /></td>
</tr>
<tr>
<td>Resa</td>
<td colspan="4">
<select name="select8" id="select8">
<option value="Porto franco">Porto franco</option>
<option value="Franco destino">Franco destino</option>
<option value="...">...</option>
</select>
</td>
</tr>



Come posso nascondere visualizzare campi in base al valore presente nella select???

(se possibile senza fare il refresh della pagina, quindi utilizzando ajax ... ho già incluso jquery nella pagina)

Thanks

[portapipe]

Ti fai un onchange che richiama una funzione che controlla il valore della select e in base a quello nasconde i campi:

<tr>
<td>Tipo</td>
<td colspan="4"><input name="textfield17" type="text" id="textfield17" size="80" /></td>
</tr> 
<tr>
<td>Imballo</td>
<td colspan="4"><input type="text" name="textfield22" id="textfield22" /></td>
</tr>
<tr>
<td>Resa</td>
<td colspan="4">
<select name="select8" id="select8" onchange="controlla()">
<option value="Porto franco">Porto franco</option>
<option value="Franco destino">Franco destino</option>
<option value="...">...</option>
</select>
</td>
</tr>

<script>
function controlla(){
    
    var select=$('#select8').val();
    
    if(select=='Porto franco'){
        $('#textfield17').hide();
    }
}
</script>

p.s. questo è javascript! Perché posti in php?

[iceberg]

Scusate se ho postato in PHP, credevo fosse importante anche specificare quello.

Ultimo dubbio: se volessi nascondere un Div?? Ho provato con

if(select=='UT'){
$("#.NomeDiv").hide();
.....


dove il DIV è

<div class="NomeDiv" id="NomeDiv">


oppure anche con

<div id="NomeDiv">

ma non funziona

[portapipe]

O usi il punto o l'asterisco:

$("#NomeDiv").hide();

/* oppure */

$(".NomeDiv").hide();

. = classe
# = id

Se riesci posta il codice tra i tag [ CODE ] o [ PHP ] (senza spazi) così viene più chiaro.

[iceberg]

Ho inserito il DIV in una riga di una tabella

<div id="row_dim">
<tr class="Show_CL">
<td>Diametro barra</td>
<td colspan="3"><input type="text" name="dia" id="dia" /> </td>
</tr>
</div>

Sperando ti poter "nascondere" la riga, ma non sembra funzionare

[portapipe]

Primo: usa i tag CODE o PHP per postare il codice

Secondo: se devi nascondere un'intera riga, metti l'id anche al tag di tabella e nascondi quello:

<div>
<tr class="Show_CL"  id="row_dim">
<td>Diametro barra</td>
<td colspan="3"><input type="text" name="dia" id="dia" /> </td>
</tr>
</div>

e nascondi quello.
Da come hai scritto non si capisce bene il problema.