Salve a tutti,

ho un problema con uno script che sto scrivendo....è un modulo di inserimento ordini , ho creato un autocompleter che agisce direttamente nel database...ora però sto cercando di rendere gli input text dinamici (aggiungi e rimuovi) ... il problema è che ogni volta che aggiungo, mi cancella i dati degli input scritti precedentemente... esempio:

Input 1 (default)
Testo prova

Input 2 (aggiunto)
Testo prova

A questo punto, come faccio "aggiungi" , l'input 2 sparisce :

Input 1 (default)
Testo prova

Input 2 (aggiunto)

Input 3 (aggiunto)

Perché??


ecco il codice:


<?php include ("../header.php"); ?>
<div class="art-post">
<div class="art-post-body">
<div class="art-post-inner art-article">
<h2 class="art-postheader">Erre Gross Srl: Ordine rapido</h2>
<div class="art-postcontent">

<script src="http://www.google.com/jsapi"></script>
<script>
google.load("prototype", "1.6");
google.load("scriptaculous", "1.8.1");
</script>

<style type="text/css">
input{
font-family:Verdana;
font-size:10px;
}
div.campo{
font-family:Verdana;
font-size:10px;
}
div.boxsuggerimenti {
font-family:Verdana;
font-size:10px;
position:absolute;
background-color:white;
border:1px solid #888;
margin:0px;
padding:0px;
}
div.boxsuggerimenti ul {
list-style-type:none;
margin:0px;
padding:0px;
}
div.boxsuggerimenti ul li.selected { background-color: #C2EBEF;}
div.boxsuggerimenti ul li {
list-style-type:none;
display:block;
margin:0;
padding:1px;
cursorointer;
border-bottom:1px solid #888;
}
</style>

<form action="ordine_invio.php" method="post" enctype="multipart/form-data" name="form1" id="form1">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
</tr>
</table>
<table border="0" cellspacing="2" cellpadding="2">
<tr>
<td align="right">CLIENTE</td>
<td><input name="cliente" type="text" id="cliente" title="Inserire Azienda/Cliente" size="70" /></td>
</tr>
<tr>
<td align="right">CITTA'</td>
<td><input name="citta" type="text" id="citta" title="Inserire la Sede dell'Azienda" size="70" /></td>
</tr>
<tr>
<td align="right">PROV.</td>
<td><select name="prov" id="select">
<option value="CA">CA</option>
<option value="OR">OR</option>
<option value="NU">NU</option>
<option value="SS">SS</option>
</select></td>
</tr>
<tr>
<td align="right">RIF.</td>
<td><input name="riferimento" type="text" id="riferimento" title="Inserire il Nominativo della Persona di riferimento" size="70" maxlength="70" /></td>
</tr>
<tr>
<td align="right">E-MAIL</td>
<td><input name="email_cliente" type="text" id="email_cliente" title="Inserire il il proprio indirizzo e-mail" size="70" maxlength="70" />


(inserire il proprio indirizzo per ricevere copia dell'ordine)</td>
</tr>
</table>


<table border="0" cellpadding="2" cellspacing="2">
<tr>
<td width="502" valign="top">DESCRIZIONE</td>
<td width="87" align="center" valign="top">QUANTITA'</td>
</tr>
<tr>
<td valign="top">



<input type="text" id="desc1" name="desc1" onChange="this.value = this.value.toUpperCase( );" onKeyUp="this.value =
this.value.toUpperCase( );" size="80"/>
</p>




<div style="width:700px">
<form method="post">
<div id="form_a"></div>
<input type="button" onclick="addremove('form_a','add')" value="Aggiungi Articolo"/>
<input type="button" onclick="addremove('form_a','remove')" value="Rimuovi Articolo"/>


</form>
</div>
</p>

<div id="suggerimenti_articolo" class="boxsuggerimenti"></div>
<script type="text/javascript">new Ajax.Autocompleter("desc1", "suggerimenti_articolo", "./cercapack/cerca.php", {minChars: 1});</script>
</td>
<td align="center" valign="top"><input name="quant1" type="text" id="quant1" title="Inserire la Quantit&agrave; (max 9999)" size="4" maxlength="4" /></td>

<tr>


<td valign="top">NOTE</td>
<td valign="top">

</p>


</p></td>
</tr>
<tr>
<td colspan="2" valign="top"><textarea name="note" cols="105" rows="5" id="note" title="Inserire ulteriori Note"></textarea></td>
</tr>
<tr>
<td colspan="2" align="center" valign="top"><table border="0" cellspacing="2" cellpadding="2">
<tr>
<td colspan="2">AGENTE</td>
</tr>
<tr align="center">
<td colspan="2">Sig.
<select name="agente" id="agente">
<option value="nessuno"></option>
<option value="Cadeddu">Cadeddu</option>
<option value="Casti">Casti</option>
<option value="Livretti">Livretti</option>
<option value="Patteri">Patteri</option>
<option value="Sollai">Sollai</option>
<option value="Sulis">Sulis</option>
<option value="Vacca">Vacca</option>
</select></td>
</tr>
<tr>
<td colspan="2"></td>
</tr>
<tr align="center">
<td><input type="reset" name="reset" id="reset" value="Reset" /></td>
<td><input type="submit" name="Submit" id="invia" value="Invia" /></td>
</tr>
</table></td>
</tr>
</table>
</form>

</div>
<div class="cleared"></div>
</div>
<div class="cleared"></div>
</div>
</div>
<?php
$menuareariservata=TRUE;
include ("../footer.php");
?>

<script>
var input_form_a = 1;
var incremento;
function addremove(form,action) {
document.getElementById(form).innerHTML = "";
if(action == "add") {
if(form == 'form_a') {
input_form_a++;
incremento = input_form_a;
}
}if(action == "remove") {
if(form == 'form_a') {
if(incremento>1)
input_form_a--;
incremento = input_form_a;
}
}
for(var i=1; i<incremento;i++) {
document.getElementById(form).innerHTML += '<input type="text" id="desc2" name="desc2" onChange="this.value = this.value.toUpperCase( );" onKeyUp="this.value = this.value.toUpperCase( );" size="80"/>';
document.getElementById(form).innerHTML += '

';
new Ajax.Autocompleter("desc2", "suggerimenti_articolo", "./cercapack/cerca2.php", {minChars: 1});
}
}
</script>


nb: non badate alla variabile desc1 o 2 ... vorrei solo che non mi cancellasse gli input inseriti.. grazie anticipatamente!!