Tema: Duda con input Texto y Combobox
Ver Mensaje Individual
  #8 (permalink)  
Antiguo 28/02/2012, 07:46
Avatar de emprear
emprear
Colaborador
  
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 5 meses
Puntos: 1567
Respuesta: Duda con input Texto y Combobox
Cita:
Creo que generarlo en el servidor no es lo adecuado
No veo por que no
Cita:
pero si estamos en la seccion PHP, claro que es valido;
solo por intuición de lo que se entiende, te diría, tampoco estamos en la sección de javascript.

Con jquery, y si también se puede...
Creo que la idea de @Sirius381 es simplificar la confección de su html, y para eso tanto js como php son válidos

Es cierto que pueda no estar usando php, por eso mi indicación fué acompañada por un... por si te sirve

De todas maneras , si se lo quiere hacer con javascript sin cargar una librería, dejo 2 variantes

1.html
Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <title>Generar form para fecha</title> 
  6. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  7.  
  8. <script type="text/javascript">
  9. //<![CDATA[
  10. function generar_fecha(){
  11. var dia = document.getElementById("dia");
  12. var mes = document.getElementById("mes");
  13. var anio = document.getElementById("anio");
  14.  
  15. for (var d=1; d<=31; d++){
  16. dia.options[dia.options.length] = new Option(d, d);
  17. }
  18.  
  19. for (var m=1; m<=12; m++){
  20. mes.options[mes.options.length] = new Option(m, m);
  21. }
  22.  
  23. for (var a=1920; a < 2020; a++){ // definimos el rango de años
  24. anio.options[anio.options.length] = new Option(a, a);
  25. }
  26.  
  27. }
  28.  
  29. function verificar(){
  30. var dia = document.getElementById("dia").selectedIndex;
  31. var mes = document.getElementById("mes").selectedIndex;
  32. var anio = document.getElementById("anio").selectedIndex;
  33. var valor_anio =document.getElementById("anio").value;
  34. alert(dia + '-' + mes + '-' + anio + '(' + valor_anio + ')');
  35. }
  36.  
  37. //]]>
  38. </script>
  39. </head>
  40. <body>
  41. <form action="#">
  42. <p> 
  43. <select id="dia">
  44. <option>día</option>
  45. </select>
  46. <select id="mes">
  47. <option>mes</option>    
  48. </select>
  49. <select id="anio">
  50. <option>año</option>
  51. </select>
  52. </p>
  53. <p>
  54.     <input type="button" value="verificar indices" onclick="verificar();"/>
  55. </p>
  56. </form>
  57. <script type="text/javascript">
  58. window.onload=function(){
  59. generar_fecha();
  60. }
  61. </script>
  62. </body>
  63. </html>

2.html (hacemos aparecr por defecto la fecha actual)


Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <title>Generar form para fecha</title> 
  6. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  7.  
  8. <script type="text/javascript">
  9. //<![CDATA[
  10. function generar_fecha(){
  11. var hoy=new Date()
  12. var dia = document.getElementById("dia");
  13. var mes = document.getElementById("mes");
  14. var anio = document.getElementById("anio");
  15.  
  16.  
  17. var este_anio = hoy.getFullYear();
  18. for (var d=1; d<=31; d++){
  19. dia.options[dia.options.length] = new Option(d, d);
  20. }
  21.  
  22. for (var m=1; m<=12; m++){
  23. mes.options[mes.options.length] = new Option(m,m);
  24. }
  25.  
  26. for (var a=1920; a < 2020; a++){ //definimos el rango de años
  27. if(a == hoy.getFullYear()){
  28. anio.options[anio.options.length] = new Option(a,a,'defaultSelected','selected');
  29. }else{
  30. anio.options[anio.options.length] = new Option(a,a);
  31. }
  32. }
  33. dia.selectedIndex = hoy.getDate();
  34. mes.selectedIndex = hoy.getMonth()+1;
  35. }
  36.  
  37. function verificar(){
  38. var dia = document.getElementById("dia").selectedIndex;
  39. var mes = document.getElementById("mes").selectedIndex;
  40. var anio = document.getElementById("anio").selectedIndex;
  41. var valor_anio =document.getElementById("anio").value;
  42. alert(dia + '-' + mes + '-' + anio + '(' + valor_anio + ')');
  43. }
  44.  
  45. //]]>
  46. </script>
  47. </head>
  48. <body>
  49. <form action="#">
  50. <p>
  51. <select id="dia">
  52. <option><!--fix --></option>
  53. </select>
  54. <select id="mes">
  55. <option><!-- fix --></option>   
  56. </select>
  57. <select id="anio">
  58. <option><!--fix --></option>
  59. </select>
  60. </p>
  61. <p>
  62.     <input type="button" value="verificar indices" onclick="verificar();"/>
  63. </p>
  64. </form>
  65. <script type="text/javascript">
  66. window.onload=function(){
  67. generar_fecha();
  68. }
  69. </script>
  70. </body>
  71. </html>



__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
Última edición por emprear; 28/02/2012 a las 12:17