Insertar label en campos creados dinámicamente

todoscogidos · #1 (**permalink**) 27/05/2008, 10:53

Buenas mi pregunta es la siguiente:

Yo tengo este código que me crea 3 campos dinámicamente, y quiero añadir delante de cada campo una etiqueta label pero no se hacerlo...

Alguien podría ayudarme?? Muchas gracias.

Código:

<script type="text/javascript">
<!--
num=0;
function crear(obj) {
  num++;
  fi = document.getElementById('fiel'); 
  contenedor = document.createElement('div'); 
  contenedor.id = 'div'+num; 
  fi.appendChild(contenedor);

  ele = document.createElement('input');
  ele.type = 'text'; 
  ele.name = 'nombre'+num; 
  ele.value = 'Escribe el nombre...';
  contenedor.appendChild(ele); 
 
  ele = document.createElement('input'); 
  ele.type = 'text'; 
  ele.name = 'apellido1'+num; 
  ele.value= 'Escribe el 1er apellido...';
  contenedor.appendChild(ele); 
 
  ele = document.createElement('input'); 
  ele.type = 'text'; 
  ele.name = 'apellido2'+num; 
  ele.value = 'Escribe el 2º apellido...';
  contenedor.appendChild(ele); 
  
  ele = document.createElement('input'); 
  ele.type = 'button'; 
  ele.value = 'Eliminar autor';
  ele.name = 'div'+num; 
  ele.onclick = function () {borrar(this.name)} 
  contenedor.appendChild(ele); 
}
function borrar(obj) {
  fi = document.getElementById('fiel');  
  fi.removeChild(document.getElementById(obj)); 
}
--> 
</script>


<body>
fieldset id="fiel">
<input type="button" value="Añadir autor" onclick="crear(this)" />
</fieldset>
</body>

JavierB · #2 (**permalink**) 27/05/2008, 11:51

Hola todoscogidos

Prueba esto:

Código:

  lbl = document.createElement('label');
  lbl.innerHTML = 'Nombre: ';
  contenedor.appendChild(lbl);
  ele = document.createElement('input');
  ele.type = 'text'; 
  ele.name = 'nombre'+num; 
  ele.value = 'Escribe el nombre...';
  lbl.appendChild(ele);

Saludos,

todoscogidos · #3 (**permalink**) 27/05/2008, 16:03

Muchas gracias, si que funciona