Ciao a tutti, sto provando a realizzare un form un po' particolare.
Un campo del form (chiamato "tipologia") è una select con tre opzioni; se l'utente sceglie l'opzione "prodotto", dovrei fare in modo che si crei un altro campo del form in cui inserire il codice del prodotto, ma se non sceglie l'opzione "prodotto", il campo nuovo non compare e il form continua con gli altri campi da inserire...
E' fantascienza o si può fare???
Grazie
Ciauz
prova così:
da usare così:codice:function funzione(valore) { var livello=document.getElementById('livello'); if (valore=="prodotto") livello.style.display="inline"; else livello.style.display="none"; }
ciaocodice:<select name="menu" onChange="funzione(this.options[this.selectedIndex].value);"> <option value="valore1">valore1</option> <option value="valore2">valore2</option> <option value="prodotto">Prodotto</option> </select> <div id="livello" style="display:none;">Inserisci qui il prodotto: <input type="text" name="campo"></div>
<tr>
<td><div align="right">Tipologia</div></td>
<td>
<select name="tipologia" id="tipologia">
<option value="">Scegli il tipo di news</option>
<option value="N">News</option>
<option value="F">Fiera</option>
<option value="P">Prodotto</option>
</select>
</td>
</tr>
<tr>
<td><div align="right">Codice prodotto</div></td><td><input type="text" name="codice_prodotto"></td>
</tr>
Ho provato ma non funzia!!!
il campo codice_prodotto voglio che si visualizzi solo se la select è "prodotto".................
se non erro non stai usando la funzione che ti ho suggerito...
L'ho messa, ma non genera l'effetto.......magari l'ho messa in una posizione sbagliata!!
<tr>
<td><div align="right">Tipologia </div></td>
<td>
<select name="tipologia" id="tipologia" onChange="funzione(this.options[this.selectedIndex].value);">>
<option value="">Scegli il tipo di news</option>
<option value="N">News</option>
<option value="F">Fiera</option>
<option value="P">Prodotto</option>
</select>
</td>
</tr>
<script language="JavaScript">
function funzione(tipologia) {
var livello=document.getElementById('livello');
if (tipologia=="prodotto") livello.style.display="inline";
else livello.style.display="none";
}
</script>
<tr>
<td><div align="right">Codice prodotto </div></td><td><input type="text" name="codice_prodotto"></td>
</tr>
Io l'ho messa in questo modo, ma non funzia
metti questa roba qui tra i tag <head> e </head> della tua pagina:
richiamala così:codice:<script language="JavaScript"> function funzione(valore) { var livello=document.getElementById('livello'); if (valore=="P") livello.style.display="inline"; else livello.style.display="none"; } </script>
e metti questo codice dove vuoi venga visualizzato il campo:codice:<select name="tipologia" id="tipologia" onChange="funzione(this.options[this.selectedIndex].value);">
ciaocodice:<div align="right" id="livello"><td>Codice prodotto</td><td><input type="text" name="codice_prodotto"></td></div>
Purtroppo non funziona, mi ritrovo
<td>Codice prodotto</td> spostato sulla sx e il campo del form è comunque presente; inoltre quando seleziono sulla select, non succede nulla
Ciao
Permessi di invio
Rispondi quotando