« anterior próximo »
Páginas: [1]   Ir Abajo

Autor Tema: Formulario web  (Leído 2647 veces)

0 Usuarios y 1 Visitante están viendo este tema.

Desconectado micro_pepe

  • Moderadores
  • DsPIC30
  • *****
  • Mensajes: 3216
Formulario web
« en: 11 de Abril de 2013, 09:19:03 »
Estoy intentando hacer un formulario con una lista desplegable, que al seleccionar cada una de las opciones abre otra lista, eso funciona, pero no consigo que el boton de enviar me envie en el correo el resultado de las selecciones de las listas. Os dejo el código por si me podeis ayudar.

Saludos.
En línea
Se obtiene más en dos meses interesandose por los demás, que en dos años tratando de que los demás se interesen por ti.

新年快乐     的好奇心的猫死亡

Desconectado AngelGris

  • Colaborador
  • PIC24H
  • *****
  • Mensajes: 2480
Re: Formulario web
« Respuesta #1 en: 11 de Abril de 2013, 11:22:48 »
  Siempre que he utilizado la opción "mailto" me abría el programa de correo. Y al probar tu formulario me ocurre lo mismo.
En línea
De vez en cuando la vida
nos besa en la boca
y a colores se despliega
como un atlas

Desconectado Geo

  • Colaborador
  • PIC24F
  • *****
  • Mensajes: 922
    • Mexchip
Re: Formulario web
« Respuesta #2 en: 12 de Abril de 2013, 00:51:28 »
Como menciona AngelGris, mailto ocasiona que se abra el cliente de correo del usuario para realizar el envío a través de la cuenta que tenga configurada, si deseas enviar el correo necesitas un servidor de correo.
En línea
La imaginación es el límite.
Visita mi blog, en inglés o en español :).
Mini curso de introducción a VHDL en MEXCHIP :-/

Desconectado micro_pepe

  • Moderadores
  • DsPIC30
  • *****
  • Mensajes: 3216
Re: Formulario web
« Respuesta #3 en: 14 de Abril de 2013, 21:28:31 »
Si, se abre el correo, pero el cuerpo está vacio, y yo quiero que recoja las selecciones del campo desplegable (o combobox). El problema es que no se pueden anidar formularios, y no sé como recoger ese valor.
En línea
Se obtiene más en dos meses interesandose por los demás, que en dos años tratando de que los demás se interesen por ti.

新年快乐     的好奇心的猫死亡

Desconectado AngelGris

  • Colaborador
  • PIC24H
  • *****
  • Mensajes: 2480
Re: Formulario web
« Respuesta #4 en: 14 de Abril de 2013, 23:49:22 »
Hola micro_pepe,

  deje tu código de esta manera, solo para probar. Y por lo que parece, falta un nombre para el combobox.

Código: HTML
  1. <!DOCTYPE html>
  4.  
  5.   <meta content="text/html; charset=utf-8" http-equiv="content-type">
  6.  
  7.   <script type="text/javascript">
  8. var teveo = null;
  9. var formus = [null, 'TD', 'TC', 'FID', 'CTA'];
  10. function muestra(formulario) {
  11. if (teveo != null)
  12. document.getElementById(teveo).style.display = 'none';
  13. if (formus[formulario] != null)
  14. document.getElementById(formus[formulario]).style. display = 'block';
  15. teveo = formus[formulario]
  16. }
  17.   </script>
  18. </head>
  19.  
  20.  
  22.  
  23.  
  24. <form action="" method="post" name="form1" id="TD" style="display:none;">
  25. <select name="uno">
  26. <option value="0">Seleccione un producto</option>
  27. <option value="1">débito 1</option>
  28. <option value="2">débito 2</option>
  29. <option value="3">débito 3</option>
  30. <option value="4">débito 4</option>
  32. </form>
  33.  
  34. <form id="TC" name="form1" method="post" action="" style="display:none;">
  35. <select name="uno">
  36. <option value="0">Seleccione un producto</option>
  37. <option value="1">crédito 1</option>
  38. <option value="2">crédito 2</option>
  39. <option value="3">crédito 3</option>
  40. <option value="4">crédito 4</option>
  42. </form>
  43.  
  44. <form id="CTA" name="form1" method="post" action="" style="display:none;">
  45. <select name="uno">
  46. <option value="0">Seleccione un producto</option>
  47. <option value="1">corriente 1</option>
  48. <option value="2">corriente 2</option>
  49. <option value="3">corriente 3</option>
  50. <option value="4">corriente 4</option>
  52. </form>
  53.  
  54. <form id="FID" name="form1" method="post" action="" style="display:none;">
  55. <select name="uno">
  56. <option value="0">Seleccione un producto</option>
  57. <option value="1">fideicomiso 1</option>
  58. <option value="2">fideicomiso 2</option>
  59. <option value="3">fideicomiso 3</option>
  60. <option value="4">fideicomiso 4</option>
  62. </form>
  63.  
  64.  
  65.  
  66. <form method="post" action="mailto:pepe@hotmail.com">
  67. <select name="cosa">
  68. <!-- <select onchange="muestra(this.selectedIndex);"> -->
  69. <option value="0">Seleccione un producto</option>
  70. <option value="1">Tarjeta de d&eacute;bito</option>
  71. <option value="2">Tarjeta de cr&eacute;dito</option>
  72. <option value="3">Fideicomiso</option>
  73. <option value="4">Cuenta de ahorro, corriente o FAL</option>
  74. </select>  
  75.  
  76. <input value="Enviar" type="submit">
  77. </form>
  78. </body>
  79. </html>

Seguramente no es lo que necesitas, pero te puede dar una idea.

  También estuve viendo este sitio http://www.w3schools.com/html/html_forms.asp que se pueden hacer pruebas de formularios. Modifique uno que tenía un combo, para que también tenga el botón de enviar, y observé que si aparecía el cuerpo del mail, y aparentemente lo que hacía que no se llene el cuerpo de tu mail era la ausencia del nombre del combobox.

Código: HTML
  1. <!DOCTYPE html>
  4.  
  5. <form action="mailto:kooltubes@gmail.com" method="post">
  6. <select name="cars">
  7. <option value="volvo">Volvo</option>
  8. <option value="saab">Saab</option>
  9. <option value="fiat">Fiat</option>
  10. <option value="audi">Audi</option>
  12. <input type="submit" value="enviar">
  13. </form>
  14.  
  15. </body>
  16. </html>

  Dejando tu web de la siguiente manera, sí me aparece algo en el cuerpo del mail. (nombredecombo = valor -de la opción elegida-

Código: HTML
  1. <!DOCTYPE html>
  4.  
  5.   <meta content="text/html; charset=utf-8" http-equiv="content-type">
  6.  
  7.   <script type="text/javascript">
  8. var teveo = null;
  9. var formus = [null, 'TD', 'TC', 'FID', 'CTA'];
  10. function muestra(formulario) {
  11. if (teveo != null)
  12. document.getElementById(teveo).style.display = 'none';
  13. if (formus[formulario] != null)
  14. document.getElementById(formus[formulario]).style. display = 'block';
  15. teveo = formus[formulario]
  16. }
  17.   </script>
  18. </head>
  19.  
  20.  
  22.  
  23.  
  24. <form action="" method="post" name="form1" id="TD" style="display:none;">
  25. <select name="uno">
  26. <option value="0">Seleccione un producto</option>
  27. <option value="1">débito 1</option>
  28. <option value="2">débito 2</option>
  29. <option value="3">débito 3</option>
  30. <option value="4">débito 4</option>
  32. </form>
  33.  
  34. <form id="TC" name="form1" method="post" action="" style="display:none;">
  35. <select name="uno">
  36. <option value="0">Seleccione un producto</option>
  37. <option value="1">crédito 1</option>
  38. <option value="2">crédito 2</option>
  39. <option value="3">crédito 3</option>
  40. <option value="4">crédito 4</option>
  42. </form>
  43.  
  44. <form id="CTA" name="form1" method="post" action="" style="display:none;">
  45. <select name="uno">
  46. <option value="0">Seleccione un producto</option>
  47. <option value="1">corriente 1</option>
  48. <option value="2">corriente 2</option>
  49. <option value="3">corriente 3</option>
  50. <option value="4">corriente 4</option>
  52. </form>
  53.  
  54. <form id="FID" name="form1" method="post" action="" style="display:none;">
  55. <select name="uno">
  56. <option value="0">Seleccione un producto</option>
  57. <option value="1">fideicomiso 1</option>
  58. <option value="2">fideicomiso 2</option>
  59. <option value="3">fideicomiso 3</option>
  60. <option value="4">fideicomiso 4</option>
  62. </form>
  63.  
  64.  
  65.  
  66. <form method="post" action="mailto:pepe@hotmail.com">
  67. <select name="cosa" onchange="muestra(this.selectedIndex);">
  68. <option value="0">Seleccione un producto</option>
  69. <option value="1">Tarjeta de d&eacute;bito</option>
  70. <option value="2">Tarjeta de cr&eacute;dito</option>
  71. <option value="3">Fideicomiso</option>
  72. <option value="4">Cuenta de ahorro, corriente o FAL</option>
  73. </select>  
  74.  
  75. <input value="Enviar" type="submit">
  76. </form>
  77. </body>
  78. </html>
)
En línea
De vez en cuando la vida
nos besa en la boca
y a colores se despliega
como un atlas

Desconectado micro_pepe

  • Moderadores
  • DsPIC30
  • *****
  • Mensajes: 3216
Re: Formulario web
« Respuesta #5 en: 15 de Abril de 2013, 18:37:00 »
Gracias Angel, así solo me faltaria tener el valor de la segunda lista, seguiré probando.

Saludos.
En línea
Se obtiene más en dos meses interesandose por los demás, que en dos años tratando de que los demás se interesen por ti.

新年快乐     的好奇心的猫死亡
Páginas: [1]   Ir Arriba
« anterior próximo »