Crear nuevo campo en formulario

[gspablo]

Buenas, estoy haciendo un formulario donde el ultimo campo puede rellenarse una o varias veces, me explico, quiero que si el usuario desea le de a un link y aparezca otro campo abajo del que se crea por defecto en el formulario para rellenar el que viene de serie mas ese o esos, según los que haya creado, así hasta por ejemplo 5.

Según el código que tengo, se crean los nuevos campos pero luego no se eliminan. También me gustaria saber cuando mando el formulario en que variables puedo recoger esos valores, creo que lo mejor seria un array y lo voy recorriendo en php con un each, pero eso no se como ponerlo en este código. También corregir para borrar el ultimo campo que no se donde tengo el fallo

Código HTML:

<tr>
<td>Email principal:</td>
<td><INPUT TYPE="text" NAME="email0"></td>
</tr>
<tr id="emailNode">
<td colspan="2"><CENTER id="mailManagment"><A HREF="javascript:newMail()">Agregar otro mail</A>&nbsp;</CENTER></td>
</tr>
 
<tr>
<td><INPUT TYPE="submit"></td><td><INPUT TYPE="reset"></td>
</tr>
 

Código Javascript:

<SCRIPT LANGUAGE="JavaScript">
var mailcount = 0;
function cerrar(obj){
email=document.getElementById("emailNode"); email.parentNode.removeChild(email.parentNode.childNodes[mailcount+7]);
mailcount --;
if (mailcount==0){
//retirar el código para borrar la última dirección de mail document.getElementById("mailManagment").removeChild(document.getElementById("cerrarMail"));
}
}
 
function newEntry(inputName,text){
newInput = document.createElement("input");
newInput.type="text";
newInput.name=inputName;
newNode = document.createElement("tr");
newNode.appendChild(document.createElement("td"));
newNode.appendChild(document.createElement("td"));
newNode.firstChild.appendChild(document.createTextNode(text));
newNode.lastChild.appendChild(newInput);
return newNode;
}
 
function newMail(){
mailcount ++;
email=document.getElementById("emailNode");
//Creo el nuevo campo
newNode=newEntry("email"+mailcount,"Email alternativo "+mailcount+":");
//Muestro el nuevo campo
email.parentNode.insertBefore(newNode,email);
 
//Agregar el código para borrar el último mail
if (mailcount==1){
newClose = document.createElement("a");
newClose.id="cerrarMail";
newClose.href="javascript:cerrar(this)";
newClose.appendChild(document.createTextNode("Borrar último"));
document.getElementById("mailManagment").appendChild(newClose);
}
}
</SCRIPT>
 

[gspablo]

No aparece el código por completo pero al darle a ver codigo si aparece

[gspablo]

Tambien he probado esto pero no se como hacer esto para que salga de la misma forma que la tabla creada, yo creo una linea de tabla y luego 2 celdas, una con el titulo y otra con el campo, con esto solo consigo crear un campo debajo de otro y nada de titulo

Código HTML:

<tr>
<td align="center"><p> ATTACHMENT &nbsp;</p></td>
<td> <input name="nattachment[]" id="idattachment" type="text" alt="User" size="100" maxlength="90"/></td>
</tr>
 
<tr>
<td colspan="2" align="center">
<div id="inputText">
<input value="New attachment" onclick="creaCampo2();"  type="button">
</div>
</td>
</tr> 
 
<tr>
<td colspan="2"  align="center"> <input name="send" id="idsend" type="submit" alt="Send" value='CREATE' /> </td>
</tr>
 

Código Javascript:

function nuevoCampoForm(type,name,id,value,size){
        var campoForm=document.createElement("input");        
          campoForm.setAttribute("value",value);
            size==undefined?32:size;
            campoForm.setAttribute("type","text");
            campoForm.setAttribute("size",100);
            campoForm.setAttribute("maxlenght",90);
            
    campoForm.setAttribute("name",name);
    campoForm.setAttribute("id",id);
    return campoForm;
}
function creaCampo2(){
    var div2=document.getElementById("inputText");
    var txt=new nuevoCampoForm('text','nattachment[]','idattachment','','32');
    var txt2=new nuevoCampoTd();
     div2.appendChild(txt);
     div2.appendChild(txt2);
 
}
 

[caricatos]

Hola:

Mi manera de añadir campos nuevos en formulario es clonando alguno existente, preferiblemente disabled y oculto, cambiando esas propiedades al insertarlo... hoy he contestado algún tema al respecto, supongo que sabrás buscarlo.

Saludos