• Publicidad

Función para agregar varios input type = text

Discute todo acerca de JavaScript así como DHTML o la tecnología AJAX.

Función para agregar varios input type = text

Notapor Mickz » 2006-01-02 13:06 @587

Hola a todos que tal saben soy super nuevo en esto de la programación, quiero ver si alguno de ustedes puede ayudarme con una función en JavaScript que despliegue varios campos de captura para insertar datos, es algo así como para enviar un mail a varias personas, pongo mi aplicación para ver si alguien me podría decir dónde está el error, lo que necesito es que cuando le diga que me despliegue 5 campos de captura de datos lo haga automáticamente. De antemano muchas gracias.

Sintáxis: [ Descargar ] [ Ocultar ]
  1. <HTML> 
  2. <HEAD> 
  3. <TITLE>Emails</TITLE> 
  4.  
  5. <SCRIPT Language="JAVASCRIPT"> 
  6. <!-- 
  7. function howMany(form){ 
  8. var numObj = parseInt(document.sendmail.numObject.value); 
  9.  
  10. if (numObj > 0) {  
  11. for(i=1; i<=numObj; i++) {  
  12. document.write('<TR><TD><I> Email:</I></TD><TD><input "text" name="email' + i +'"></TD></TR>'); 
  13. document.write('<br>'); 
  14. } else { 
  15.  
  16. document.write('<TR><TD><I> Email: </I></TD><TD><input type="text" name="email"></TD> </TR>'); 
  17. document.write('<br>'); 
  18. //--> 
  19. </SCRIPT> 
  20.  
  21. </HEAD> 
  22. <BODY> 
  23. <FORM name="sendmail" method="get" action=""> 
  24. A cuantas amigas quieres mandar este mensaje ? 
  25. <select name="numObject" onChange="howMany(this.form)"> 
  26. <option value="1" selected> 1 </option> 
  27. <option value="2"> 2 </option> 
  28. <option value="3"> 3 </option> 
  29. <option value="4"> 4 </option> 
  30. <option value="5"> 5 </option> 
  31. </select> 
  32. <P> 
  33. <TABLE> 
  34. <SCRIPT>howMany()</SCRIPT> 
  35. <TR> 
  36. <TD> 
  37. <I> Mensaje: </I> 
  38. </TD> 
  39. <TD> 
  40. <input type="textarea" name="mensaje1" cols="15"> 
  41. </TD> 
  42. </TR> 
  43. </TABLE> 
  44. </FORM> 
  45. </BODY> 
  46. </HTML> 
Mickz
Perlero nuevo
Perlero nuevo
 
Mensajes: 14
Registrado: 2005-12-14 13:07 @588
Ubicación: Mexico

Publicidad

Notapor kidd » 2006-01-02 19:08 @839

Hola:

Haciendo unos pequeños cambios a tu código lo puedes lograr:

Sintáxis: [ Descargar ] [ Ocultar ]
  1. <HTML>  
  2. <HEAD>  
  3. <TITLE>Emails</TITLE>  
  4.  
  5. <SCRIPT Language="JAVASCRIPT">  
  6. <!--  
  7. function howMany(form){  
  8. var numObj = parseInt(form.numObject.value);  
  9. var html = ''; 
  10. var container = document.getElementById('myemailtextbox'); 
  11.  
  12. if (numObj > 0) {  
  13. for(i=1; i<=numObj; i++) {  
  14. html += '<I> Email:</I> <input "text" name="email' + i +'"><br>';  
  15. }  
  16. } else {  
  17. html += '<I> Email: </I> <input type="text" name="email"><br>';  
  18. }  
  19.  
  20. container.innerHTML = html; 
  21.  
  22. }  
  23. //-->  
  24. </SCRIPT>  
  25.  
  26. </HEAD>  
  27. <BODY>  
  28. <FORM name="sendmail" method="get" action="">  
  29. A cuantas amigas quieres mandar este mensaje ?  
  30. <select name="numObject" onChange="howMany(this.form)">  
  31. <option value="1" selected> 1 </option>  
  32. <option value="2"> 2 </option>  
  33. <option value="3"> 3 </option>  
  34. <option value="4"> 4 </option>  
  35. <option value="5"> 5 </option>  
  36. </select>  
  37. <P>  
  38.  
  39. <TABLE>  
  40. <tr> 
  41. <td id="myemailtextbox"><I> Email: </I> <input type="text" name="email"><br></td> 
  42. </tr> 
  43.  
  44. <TR>  
  45. <TD>  
  46. <I> Mensaje: </I>  
  47. </TD>  
  48. <TD>  
  49. <input type="textarea" name="mensaje1" cols="15">  
  50. </TD>  
  51. </TR>  
  52. </TABLE>  
  53. </FORM>  
  54. </BODY>  
  55. </HTML> 


SALUDOS
Uriel Lizama Perl programmer fundador de Perl en Español
Perl Programming Language
Avatar de Usuario
kidd
Creador de Perl en Español
Creador de Perl en Español
 
Mensajes: 1166
Registrado: 2003-10-15 16:52 @744
Ubicación: México

Notapor rabressan » 2009-02-20 10:13 @467

¡Hola!
Quiero preguntar porque estoy haciendo algo parecido, pero que según la opción que elija se me habiliten listas desplegables.
Me anda bien esa parte, pero cuando quiero grabar en la tabla no me graba nada... solo me graba si elijo la opción de un campo solo.

¡¡Si alguien me puede ayudar a pensar les agradezco!!
Saludos
rabressan
Perlero nuevo
Perlero nuevo
 
Mensajes: 1
Registrado: 2009-02-20 09:17 @428

Notapor kidd » 2009-02-20 16:21 @723

Bienvenido a los foros de Perl en Español.

Por lo que comentas, el problema puede ser el nombre que le estás dando a las nuevas listas despegables, cuida que los nombres sean únicos, de lo contrario se van a sobre-poner los valores.
Uriel Lizama Perl programmer fundador de Perl en Español
Perl Programming Language
Avatar de Usuario
kidd
Creador de Perl en Español
Creador de Perl en Español
 
Mensajes: 1166
Registrado: 2003-10-15 16:52 @744
Ubicación: México


Volver a JavaScript

¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 1 invitado