Aggiungere dei campi input ad una pagina

**Poker1** · 14-05-2006, 11:05

Ciao a tutti!!!!

Premetto che non sono un grandissimo esperto di Javascript, ( di solito programmo in C o in Java ).
Io avrei la necessita' di visualizzare a schermo un form con 3 campi di testo, sotto questi un pulsante con scritto "Aggiungi", e fin qui tutto ok. L'utente riempie i campi del form e poi quando preme aggiungi vengono visualizzati altri 3 campi form e il tasto aggiungi scorre sotto. In poche parole ad ogni pressione del tasto Aggiungi viene creata una nuova riga contenente 3 campi input, senza che la pagina si ricarichi..e' possibile?

grazie dell'aiuto :-)

**fcaldera** · 14-05-2006, 13:47

codice:

<head>
<script>
function addInputFields(id_cnt) {
     
  var obj_cnt = document.getElementById(id_cnt);
  var start = obj_cnt.getElementsByTagName('input').length;

  for (i=1; i<=3; i++) {
    order = start + i;
    
    obj_inp = document.createElement('input');
    obj_inp.type = 'text';
    obj_inp.name = order;
    obj_inp.title = order;
        
    obj_cnt.innerHTML += 'campo ' + order;
    obj_cnt.appendChild(obj_inp);
    obj_cnt.innerHTML += '

'
  }
}

</script>
</head>
<body>

<div id="campi_input">
</div>

<input type="button" value="Aggiungi" onclick="addInputFields('campi_input')"/>
</body>

Ciao
-Fab-

**Poker1** · 14-05-2006, 15:44

grazie 1000

**Poker1** · 14-05-2006, 15:49

Altra cosina..se invece di aggiungere volessi togliere l'ultimo inserito?

Discussione: Aggiungere dei campi input ad una pagina

Strumenti discussione

Ricerca discussione

Visualizza

Aggiungere dei campi input ad una pagina

Permessi di invio