TODOPIC

Misceláneas - Interés General => Off Topic => Mensaje iniciado por: micro_pepe en 11 de Abril de 2013, 09:19:03

Título: Formulario web
Publicado por: micro_pepe 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.
Título: Re: Formulario web
Publicado por: AngelGris 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.
Título: Re: Formulario web
Publicado por: Geo 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.
Título: Re: Formulario web
Publicado por: micro_pepe 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.
Título: Re: Formulario web
Publicado por: AngelGris 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>
)
Título: Re: Formulario web
Publicado por: micro_pepe 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.