Form: aggiungere campi di testo in base alla scelta

Discussioni legate a XHTML, CSS, Javascript

Moderatore: spacemarc

Rispondi
Luc@
Membro junior
Messaggi: 2
Iscritto il: 21 dic 2007, 11:22

Form: aggiungere campi di testo in base alla scelta

Messaggio da Luc@ » 3 gen 2008, 13:51

Ciao... volevo chiedere una cosa...

io sto facendo dei FORM in html e volevo sapere cosa devo fare per poter aggiungere dei form...

mi spiego meglio:

ho fatto un form tipo Sede Legale e Sede Operativa, se hai più sedi clicca qui e dovrebbe apparirmi una nuova scheda sottostante con la richiesta dei dati della sede operativa come quella di sopra...

mi potete dire come posso fare?

Avatar utente
spacemarc
Amministratore
Messaggi: 1076
Iscritto il: 22 giu 2002, 15:16
Località: Italia
Contatta:

Re: Form: aggiungere campi di testo in base alla scelta

Messaggio da spacemarc » 3 gen 2008, 16:03

questo potrebbe essere un esempio iniziale:

le funzioni Javascript per mostrare o nascondere i campi di testo

Codice: Seleziona tutto

function hideAll(){
tag = document.getElementsByTagName("span");
   for(x=0;x<tag.length; x++){
      if(tag[x].getAttribute('id').indexOf('opt_') != -1){
         tag[x].style.display = 'none';
      }
   }
} 

function checkForm(el){
   hideAll();   
   for(x=0; x<el.form.rb.length; x++){
      if(el.checked){
         document.getElementById(el.value).style.display = 'inline';
      }
   }
}
e il form:

Codice: Seleziona tutto

<form method="post" action="page.php" >
una sede <input type="radio" name="rb" value="opt_3" onclick="checkForm(this)" > <span id="opt_3" name="selq" style="display: none;"></span><br>
più sedi <input type="radio" name="rb" value="opt_1" onclick="checkForm(this)" > <span id="opt_1" name="selq" style="display: none;"><input type="text" name="campo1"> - <input type="text" name="campo2"></span>
</form>
spacemarc.it

Rispondi

Chi c’è in linea

Visitano il forum: Nessuno e 1 ospite