campi di testo dinamici in un form

**trippacchiello** · 14-04-2011, 20:01

Vorrei fare in modo che se l'utente debba scegliere in un form 2 opzioni
- andata
- andata e ritorno

ora non so se con un radio button o un menu a tendina, credo piu' quest'ultimo.

Ad ogni modo vorrei fare in modo che di default di visualizzino i campi solo per l'andata, mentre se l'utente sceglie andata e ritorno, dovrebbero visualizzarsi i campi di testo anche per il ritorno

Questo pero' voglio farlo dinamicamente e quindi nascondere o mostrare questi campi nella pagina nello stesso momento in cui compila il modulo

come posso fare? ci sono degli esempi?

**0-c00l** · 14-04-2011, 20:13

inserisci tra <head> e </head>:

Codice PHP:


<script type="text/javascript">

function toggle_visibility(id) {

var e = document.getElementById(id);

if(e.style.display == 'block')

e.style.display = 'none';

else

e.style.display = 'block';

}

</script>

Poi nel radiobutton esempio:

Codice PHP:


<input type="radio" selected="selected" onclick="mostra(andata); document.getElementById('aer').style.display='none';">Andata


<div id='andata' style='display: block;'>

qua il testo blablabla

</div>

<input type="radio"  onclick="mostra(aer); document.getElementById('andata').style.display='none';">


<div id='aer' style='display: none'>

blablabla

</div>

**trippacchiello** · 14-04-2011, 21:24

ho provato ma non va...

**br1** · 14-04-2011, 23:25

Originariamente inviato da trippacchiello
ho provato ma non va...

Sesto paragrafo del regolamento

**trippacchiello** · 15-04-2011, 14:50

Originariamente inviato da br1
Sesto paragrafo del regolamento

nel senso che ho provato i codici che mi ha dato 0-c00l ma non fanno quello che ho chiesto io, piu' in generale non fanno niente proprio

**Vindav** · 15-04-2011, 15:23

prova cosi:

codice:

<input type="radio" checked="checked" name="myradio" onclick="document.getElementById('aer').style.display='none';"/>Andata
 
<input type="radio" name="myradio" onclick="document.getElementById('aer').style.display='block';"/>Andata e ritorno





<div id='campi'> 
Inserisci andata:<input type="text"/>
</div>
 
<div id='aer' style='display: none'> 
Inserisci ritorno:<input type="text"/>
</div>

**trippacchiello** · 15-04-2011, 21:41

Originariamente inviato da Vindav
prova cosi:

codice:

<input type="radio" checked="checked" name="myradio" onclick="document.getElementById('aer').style.display='none';"/>Andata
 
<input type="radio" name="myradio" onclick="document.getElementById('aer').style.display='block';"/>Andata e ritorno





<div id='campi'> 
Inserisci andata:<input type="text"/>
</div>
 
<div id='aer' style='display: none'> 
Inserisci ritorno:<input type="text"/>
</div>

perfettissimo, grazie

Discussione: campi di testo dinamici in un form

Strumenti discussione

Ricerca discussione

Visualizza

campi di testo dinamici in un form

Permessi di invio