[SOLUCIONADO] Clonar Campos

[moscrates]

Hola

quiero clonar un un input select

Código Javascript:

var asesor= document.getElementById("asesor").cloneNode(true);
    td5.appendChild(asesor);
 

pero me manda un error el cual me dice que td5 esta indefinido o es null.


les agradeseria si me dicen por que

[Adler]

Hola

Si te marca ese error, es por que la asignación no está bien. Esto puede ser por que no existe el elemento en el documento. También pudiera ser que que aún no está cargado

Suerte

[moscrates]

oko lo que pasa es que el select lo genera php desde la base de datos, pero la fucnion javascript no es llamada hasta el usuario presiona una imagen por lo tanto el campo ya esta creado y si existe en el dom

[Naahuel]

¿Pero dónde obtenés td5? ¿Algo así?

Código Javascript:

var td5 = document.getElementById('td5');
var asesor= document.getElementById("asesor").cloneNode(true);
td5.appendChild(asesor);
 

[moscrates]

no td5 es un row de un atabla
la funcion completa es esta solo que esta muy larga.

Código Javascript:

var tbody = document.getElementById(id).getElementsByTagName("TBODY")[0];
    var row = document.createElement("TR");
    var td1 = document.createElement("TD");
    td1.appendChild(document.createElement("<input type=\"text\" id=\"animal["+t+"]\" name=\"animal["+t+"]\"size=\"25\"/>"));
    var td2 = document.createElement("TD");
    td2.appendChild (document.createElement("<input type=\"text\" name=\"precio["+t+"]\" id="+t+" />"));
    var td3 = document.createElement("TD");
    td3.appendChild (document.createElement("<select name=\"tipo_pago["+t+"]\" id="+t+" onChange=\"activar(this)\" >"));
    var td4 = document.createElement("TD");
    td4.appendChild (document.createElement(" <select name=\"tarjeta["+t+"]\" style=\"display:none;\" id="+t+"> "));
    
    
    var option = document.createElement("<option value=\"N/A\"></option>");
    var option2 = document.createElement("<option value=\"Efectivo\"></option>");
    var option3 = document.createElement("<option value=\"Tarjeta\"></option>");
    
    
    var texto1 = document.createTextNode("- - - - - - ");
    var texto2 = document.createTextNode("Efectivo");
    var texto3 = document.createTextNode("Tarjeta");
    
    
    option.appendChild(texto1);
    td3.appendChild(option);
 
    option2.appendChild(texto2);
    td3.appendChild(option2);
 
    option3.appendChild(texto3);
    td3.appendChild(option3);
    
    var option4 = document.createElement("<option value=\"N/A\"></option>");
    var option5 = document.createElement("<option value=\"Banamex\"></option>");
    var option6 = document.createElement("<option value=\"Scotiabank\"></option>");
    
    
    var texto4 = document.createTextNode("- - - - - - ");
    var texto5 = document.createTextNode("Banamex");
    var texto6 = document.createTextNode("Scotiabank");
    
    
    option.appendChild(texto1);
    td3.appendChild(option);
 
    option2.appendChild(texto2);
    td3.appendChild(option2);
 
    option3.appendChild(texto3);
    td3.appendChild(option3);
    
    option4.appendChild(texto4);
    td4.appendChild(option4);
 
    option5.appendChild(texto5);
    td4.appendChild(option5);
 
    option6.appendChild(texto6);
    td4.appendChild(option6);
    
    //var asesor= document.getElementById("asesor").cloneNode(true);
    //td5.appendChild(asesor);
    
    var que = document.getElementById('producto');
    var nuevo = que.cloneNode(true);
    //que.parentNode.appendChild(nuevo);
    td6.appendChild(nuevo);
    
    row.appendChild(td1);
    row.appendChild(td6);
    row.appendChild(td2);
    row.appendChild(td3);
    row.appendChild(td4);
    //row.appendChild(td5);
    
    tbody.appendChild(row);
 

[moscrates]

Naahuel, gracias tu comentario puder ver mi error,
me hacia falta esta line
var td5 = document.createElement("TD");
ya esta le estaba insertando un td5 un nodo y td5 no existia.

bueno voy a terminar esto y lo pego aqui por si alguien le sirve

[Naahuel]

Te estaba por decir que en el código no figuraba la creación de td5, pero pensé que no lo habías puesto completo :P
Bueno que bien que lo descubriste. Saludos.

[moscrates]

Esta muy largo pero es funcional, solo lo tienen que meter en una funcion, y psarle como parametro el id de la tabla
el para metro que se llame id

Código Javascript:

var tbody = document.getElementById(id).getElementsByTagName("TBODY")[0];
    var row = document.createElement("TR");
    
    var td1 = document.createElement("TD");
    td1.appendChild(document.createElement("<input type=\"text\" id=\"animal["+t+"]\" name=\"animal["+t+"]\"size=\"25\"/>"));
    
    var td2 = document.createElement("TD");
    td2.appendChild (document.createElement("<input type=\"text\" name=\"precio["+t+"]\" id="+t+" />"));
    
    var td3 = document.createElement("TD");
    var campo = document.createElement("<select name=\"tipo_pago["+t+"]\" id="+t+" onChange=\"activar(this)\" ></select>");
    
    var td4 = document.createElement("TD");
    var lista = document.createElement("<select name=\"tarjeta["+t+"]\" style=\"display:none;\" id="+t+" /> </select>");
    
    var td6 = document.createElement("TD");
    var td5 = document.createElement("TD");
    
    var option = document.createElement("<option value=\"N/A\"></option>");
    var option2 = document.createElement("<option value=\"Efectivo\"></option>");
    var option3 = document.createElement("<option value=\"Tarjeta\"></option>");
    
    
    var texto1 = document.createTextNode("- - - - - - ");
    var texto2 = document.createTextNode("Efectivo");
    var texto3 = document.createTextNode("Tarjeta");
    
    
    option.appendChild(texto1);
    campo.appendChild(option);
 
    option2.appendChild(texto2);
    campo.appendChild(option2);
 
    option3.appendChild(texto3);
    campo.appendChild(option3);
    
    td3.appendChild(campo);
    
    var option4 = document.createElement("<option value=\"N/A\"></option>");
    var option5 = document.createElement("<option value=\"Banamex\"></option>");
    var option6 = document.createElement("<option value=\"Scotiabank\"></option>");
        
    var texto4 = document.createTextNode("- - - - - - ");
    var texto5 = document.createTextNode("Banamex");
    var texto6 = document.createTextNode("Scotiabank");
    
    option4.appendChild(texto4);
    lista.appendChild(option4);
 
    option5.appendChild(texto5);
    lista.appendChild(option5);
 
    option6.appendChild(texto6);
    lista.appendChild(option6);
    
    td4.appendChild(lista);
 
    var que = document.getElementById('producto');
    var nuevo = que.cloneNode(true);
    td6.appendChild(nuevo);
 
 
    var asesor = document.getElementById('asesor');
    var nuevo_asesor = asesor.cloneNode(true);
    td5.appendChild(nuevo_asesor);
 
    row.appendChild(td1);
    row.appendChild(td6);
    row.appendChild(td2);
    row.appendChild(td3);
    row.appendChild(td4);
    row.appendChild(td5);
    
    tbody.appendChild(row);
    
    t++;