[LatinaLUG] aggiunta campi ad un form html

Lun 29 Giu 2015 12:04:26 CEST

Ciao,
vorrei realizzare un  form html in cliccando sul segno "+" viene 
aggiunto un  campo e  con il  segno  "-" si rimuove un campo dal form.   
I campi possono essere di qualsiasi  tipo,ma a me servirebbe un select 
box e un  campo testo.
Ho  trovato questo script che sto provando ad adattare,ma il problema 
maggiore è che il metodo  inner cancella tutto il contenuto del 
documento per cui,se l'utente clicca su "+",un campo viene aggiunto ,ma 
i dati inseriti precedentemente vengono persi.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Testing File Fields</title>
<script language="JavaScript" type="text/javascript">
<!--
var addedField ='<input type="file" name="file[]" />
';
var baseForm = '<input type="file" name="file[]" /><input name="addF" 
type="button" id="addF" value="Add Fields" onclick="modifyForm(1);" 
/><input name="remF" type="button" id="remF" value="Remove Fields" 
onclick="modifyForm(-1);" />';
var counter = 0;

function modifyForm(n) {
counter += n;
var newForm = "";
for (var i=0; i < counter; i++) {
newForm += addedField;
}
document.form1.innerHTML = newForm+baseForm;
}

-->
</script>
</head>
<body>
<form action="" method="post" enctype="multipart/form-data" name="form1" 
id="form1">
<input type="file" name="file[]" /><input name="addF" type="button" 
id="addF" value="Add Fields" onclick="modifyForm(1);" /><input 
name="remF" type="button" id="remF" value="Remove Fields" 
onclick="modifyForm(-1);" />
</form>
</body>
</html>

ho provato anche a salvare i dati immessi prima di aggiungere un 
campo.............
Ogni suggerimento è ben accetto.
Ciao e grazie

-- 
-------------------------------
Junior Silvestro Pomenti
Latina

Sito Web: www.jusipom.it
Email: jusipom(at)gmail.com
        info(at)jusipom.it
-------------------------------