Salve amici,
utilizzo questo codice per aggiungere una serie di campi ad un modulo:
e questa invece è la parte HTML: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); }
Il problema è che vorrei che i nuovi campi creati avessero nome diverso incrementale....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>
Ad esempio QU1, VOCE1, PREZZO1 - QU2, VOCE2, PREZZO2 ecc...
Come posso fare?!

Rispondi quotando