Ho scritto il codice che vi posto a breve per permettere l'aggiunta/rimozione di campi da un form. Dovrei ora gestire l'invio degli stessi tramite una pagina in asp. Come ho sempre fatto non funziona, ovvero con il semplice submit ad una pagina asp che gestisce la ricezione del form con "Request.Form(""). In questo modo infatti vengono ricevuto solo i campi staticamente presenti nel codice della pagina e non quelli aggiunti dinamicamente aggiunti. Qual è il giusto modo di procedere?
Codice Javascript Inserimento/Cancellazione Dinamico:
codice:
<!--
var items=1; //Varibile di conteggio di tutti gli elementi inseriti
var numrow=1; //Varibile di conteggio per il numero delle righe effettivamente presenti
function insRow(num)
{
items++;
numrow++;
var x=document.getElementById('tabellaordine').insertRow(num);
var y=x.insertCell(0);
var z=x.insertCell(1);
var k=x.insertCell(2);
var n=x.insertCell(3);
var del=x.insertCell(4);
/*Codice da inserire nella pagina*/
newitemq="<input type=\"text\" name=\"q" + items + "\" id=\"q" + items + "\" size=\"5\" />"
newitemc="<input type=\"text\" name=\"c" + items + "\" id=\"c" + items + "\" size=\"10\" />"
newitema="<input type=\"text\" name=\"a" + items + "\" id=\"a" + items + "\" size=\"50\" />"
newitemp="<input type=\"text\" name=\"p" + items + "\" id=\"p" + items + "\" size=\"5\" />"
newitemdel="<img src=\"../images/ico_delete.gif\" width=\"17\" height=\"17\" alt=\"Del\" style=\"margin-left:10px; float: right;\" onclick=\"deleteRow(this)\"/>";
y.innerHTML=newitemq;
z.innerHTML=newitemc;
k.innerHTML=newitema;
n.innerHTML=newitemp;
del.innerHTML=newitemdel;
}
function deleteRow(r)
{
var i=r.parentNode.parentNode.rowIndex;
document.getElementById('tabellaordine').deleteRow(i);
numrow--;
}
// -->
Codice Javascript invio:
codice:
<!--
function ValidaOrdine() {
document.ordine.action = "index.asp?P=INVIAORD";
document.ordine.submit();
}
// -->
Codice html dove vengono aggiunti i campi dinamicamente:
codice:
<table class="tabellaordine" id="tabellaordine">
<tr>
<td width="10%"><input type="text" name="q1" id="q1" size="5" /></td>
<td width="10%"><input type="text" name="c1" id="c1" size="10" /></td>
<td width="70%"><input type="text" name="a1" id="a1" size="50" /></td>
<td width="5%"><input type="text" name="p1" id="p1" size="5" /></td>
<td width="17px">[img]../images/ico_delete.gif[/img]</td>
</tr>
</table>
Grazie a tutti dell'aiuto.