Visualizzazione dei risultati da 1 a 6 su 6
  1. #1

    Form con campi variabili

    Ciao a tutti,
    devo fare un form con circa 50 campi. Oltre a questi, dovrei inserire una riga in cui specifico anno e mese.
    Vorrei dare all'utente la possibilita' di aggiungere piu' righe, nel senso che al caricamento della pagina deve esserci solo una riga e un pulsante "+" che permetta di aggiungerne un'altra. Come faccio?
    Altra cosa importante e' che alcuni campi potrebbero gia' essere compilati quando si clicca +, quindi le informazioni devono essere mantenute.

    Grazie

  2. #2
    Potresti "giocare" con i CSS e JavaScript in modo da rendere invisibili i form supplementari e alla pressione di un determinato tasto farli comparire!
    (\_/)
    (^_^)
    (> <)

  3. #3
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,783
    con JS, forse meglio ancora con Ajax, puoi creare/aggiungere i campi che vuoi.

    avevo un esempio ma ora non lo trovo...

  4. #4
    Grazie per le risposte. Adesso provo a cercare in javascript.

    @Vincent.Zeno: se per caso trovi l'esempio, mi sarebbe moooolto utile

    Ciao

  5. #5
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,783
    questo viene da uno script per l'upload di file.
    adattalo alla tue esigenze:

    codice:
    <body>
    
    <form method="post" enctype="multipart/form-data">
    	<div ID=files>Allegato 1 : <input type="file" name="File 1">
    	</div>
    	<input Type=button Value="Aggiungi campo (file)" OnClick=return(Expand()) >
    </form>
    
    <script>
    //Script per aggiungere un campo per i file allegati 
    var nfiles = 1;
    function Expand(){
      nfiles++
      var adh = '
     Allegato '+nfiles+' : <input type="file" name="File '+nfiles+'">';
      files.insertAdjacentHTML('BeforeEnd',adh);
      return false;
    };
    
    </script>
    
    </body>

  6. #6

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.