Foros del Web » Programando para Internet » Javascript »

Tablas dinamicas, nombres de inputs

Estas en el tema de Tablas dinamicas, nombres de inputs en el foro de Javascript en Foros del Web. Hola amigos, buscando en este foro encontre un ejemplo de como agregar y borrar filas a una tabla. El problema que se me presenta es ...
  #1 (permalink)  
Antiguo 19/08/2010, 09:51
 
Fecha de Ingreso: diciembre-2008
Mensajes: 101
Antigüedad: 15 años, 4 meses
Puntos: 0
Tablas dinamicas, nombres de inputs

Hola amigos, buscando en este foro encontre un ejemplo de como agregar y borrar filas a una tabla. El problema que se me presenta es que en el ejemplo cada fila solo tiene un checkbox sin nombre, yo necesitaria agregar en cada fila un input type="text" que se llamen, nombre1, nombre2, nombre3, etc.

El script para agregar filas es el siguiente

Código PHP:
function suma()    {
    var 
miTabla document.getElementById("cuerpoTabla");
    var 
lasCeldas miTabla.getElementsByTagName("tr");
    var 
fila document.createElement("tr");
    var 
celda1 document.createElement("td");
    var 
celda2 document.createElement("td");
    
celda1.innerHTML "celda a" + (miTabla.getElementsByTagName("tr").length 1).toString();
    
celda2.innerHTML "celda b" + (miTabla.getElementsByTagName("tr").length 1).toString() + "<input type=checkbox>";
    
celda2.innerHTML += " <b style='color: #eeeeee' onclick=subir(this)>&darr;</b> <b onclick=bajar(this)>&uarr;</b>"
    
lasCeldas[lasCeldas.length 1].getElementsByTagName("b")[0].style.color "blue";
    
fila.appendChild(celda1);
    
fila.appendChild(celda2);
    
miTabla.appendChild(fila);

Si alguno me puede enseñar como agregar un input cuyo nombre vaya aumentando en uno cada vez q se agrega (nombre1, nombre2, etc) se lo agradezco

Última edición por echi_la22; 19/08/2010 a las 10:12
  #2 (permalink)  
Antiguo 19/08/2010, 10:47
Avatar de cloudandviator  
Fecha de Ingreso: agosto-2010
Ubicación: Popayán - Colombia
Mensajes: 27
Antigüedad: 13 años, 8 meses
Puntos: 0
Respuesta: Tablas dinamicas, nombres de inputs

Hola, personalmente uso jQuery y no se si te sirva el ejemplo asi, pero es lo que hago para agregar tr a la tabla
Código Javascript:
Ver original
  1. $(document).ready(function (){
  2.     conta=0;
  3.     $("#agregar").click(function (){
  4.         tr='<tr><td>'+'<input name="nombre_"'+conta+' /></td></tr>';
  5.         $("#myTabla").append(tr);
  6.         conta++;
  7.     })
  8. });

Etiquetas: dinamicas, inputs, nombres, tablas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:22.