Ver Mensaje Individual
  #1 (permalink)  
Antiguo 23/04/2011, 09:49
Seisler
 
Fecha de Ingreso: febrero-2011
Mensajes: 83
Antigüedad: 13 años, 10 meses
Puntos: 0
Añadir campos de formulario con un Boton y JavaScript

Hola. Tengo un problema por falta de conocimientos en JavaScript.

Lo que quiero hacer, es poner un formulario que de primeras solo tenga dos botones.

Agregar puesto y quitar puesto.

Al darle al botón agregar puesto, me crea dos elementos de tipo input y al final una barra separadora. En estos dos elementos irán el lugar que ocupa tal persona y el nombre de tal persona. Hasta aquí todo bien. Lo he hecho de la siguiente manera:


Código Javascript:
Ver original
  1. <script language="JavaScript" type="text/javascript">
  2.  
  3. function elemento_file(x){
  4. var divele=document.getElementById("elementos");
  5.    
  6. if(x==1){
  7.        
  8. if(divele.lastChild){
  9. divele.removeChild(divele.lastChild);
  10. divele.removeChild(divele.lastChild);
  11. divele.removeChild(divele.lastChild);
  12. divele.removeChild(divele.lastChild);
  13.  
  14.  
  15.  
  16.     }
  17. }
  18.                            
  19. else {
  20.  
  21. salto=document.createElement("br");
  22. ele=document.createElement("input");
  23. ele2=document.createElement("input");
  24. separacion=document.createElement("hr");
  25. ele.type="text";
  26. ele.name="mielemento[]";
  27. ele2.type="text";
  28. ele.name="mielemento2[]";                                                      
  29. divele.appendChild(ele);
  30. divele.appendChild(salto);
  31. divele.appendChild(ele2);
  32. divele.appendChild(separacion);
  33.  
  34.     }
  35. }
  36. </script>

el código html:

Código HTML:
 <form  enctype="multipart/form-data" action="agregar_fotos.php" method="post">
	<input type="button" value="A&ntilde;adir" onClick="elemento_file(0)">
	<input type="button" value="Quitar" onClick="elemento_file(1)">
	<div id="elementos"> </div><p>
	<input type="submit" value="Subir Base De Datos">
	</form>



la pagina se ve así:





OK. ahora lo que quiero es que al lado de el primer elemento ponga Puesto y al lado del segundo elemento ponga Nombre. Y que cada vez que le de a agregar puesto me lo ponga automáticamente.

Y que quede algo así:



Puesto ______________
Nombre ______________

__________________________________________________

Puesto _______________
Nombre _______________



Alguien sabe como me las puedo apañar? Gracias