Salve amici,
utilizzo questo codice per aggiungere una serie di campi ad un modulo:
codice:
var ct = 1;
function new_link()
{
ct++;
var div1 = document.createElement('div');
div1.id = ct;
// link to delete extended form elements
var delLink = '<div style="text-align:right;margin-right:65px;float:right">[img]../images/elimina.gif[/img]</div>';
div1.innerHTML = document.getElementById('newlinktpl').innerHTML + delLink;
document.getElementById('newlink').appendChild(div1);
}
// function to delete the newly added set of elements
function delIt(eleId)
{
d = document;
var ele = d.getElementById(eleId);
var parentEle = d.getElementById('newlink');
parentEle.removeChild(ele);
}
e questa invece è la parte HTML:
codice:
<div id="newlink">
<table style="float:right" width="90%" border="0" align="left" cellpadding="1" cellspacing="1">
<tr>
<td width="15"><input name="QU" type="text" id="QU" size="2" maxlength="2"></td>
<td width="387"><input name="VOCE" type="text" id="VOCE" size="50"></td>
<td width="30"><input name="PREZZO" type="text" id="PREZZO" size="5" maxlength="7"></td>
</tr>
</table>
</div>
<br clear="all">
<p id="addnew"> [img]../images/aggiung.gif[/img] </p>
<div id="newlinktpl" style="display:none">
<table width="90%" style="float:right" border="0" align="left" cellpadding="1" cellspacing="1">
<tr>
<td width="15"><input name="QU[]" type="text" size="2" maxlength="2"></td>
<td width="387"><input name="VOCE[]" type="text" size="50"></td>
<td width="30"><input name="PREZZO[]" type="text" size="5" maxlength="7"></td>
</tr>
</table>
</div>
Il problema è che vorrei che i nuovi campi creati avessero nome diverso incrementale....
Ad esempio QU1, VOCE1, PREZZO1 - QU2, VOCE2, PREZZO2 ecc...
Come posso fare?!