Problema para escribir código HTML con javascript

[Tigervlc]

Hola, hace mucho que no uso javascript, y no sé qué hago mal que me sale mal cuando intento reescribir con javascript código HTML en mi página.

Exactamente se trata de lo siguiente:

Tengo un formulario llamado form_intro:

Código HTML:

<form action="inicio.php?opcion1=insertar" method="post" enctype="multipart/form-data" name="form_intro" id="form_intro">

.....

A&ntilde;o: 
            <select name="anyo" id="anyo">
              <option>2005</option>
              <option>2006</option>
              <option>2007</option>
            </select>
Mes: 
            <select name="mes" id="mes" onChange="javascript:mostrar_dias()">
              <option value="1">Ene</option>
              <option value="2">Feb</option>
              <option value="3">Mar</option>
              <option value="4">Abr</option>
              <option value="5">May</option>
              <option value="6">Jun</option>
              <option value="7">Jul</option>
              <option value="8">Ago</option>
              <option value="9">Sep</option>
              <option value="10">Oct</option>
              <option value="11">Nov</option>
              <option value="12">Dic</option>
            </select>

<script language="JavaScript" type="text/JavaScript">
	function mostrar_dias() {
	     window.document.writeln('&nbsp;D&iacute;a: <select name="dia" id="dia">');           		
	     switch (document.form_intro.mes) {
		case 1,3,5,7,8,10,12: for (var i = 1; i <= 31; i++) writeln('<option value="'+i+'">'+ i +'</option>');
		break;
		case 4,6,9,11: for (var i = 1; i <= 30; i++) writeln('<option value="'+i+'">'+ i +'</option>');
		break;
		case 2: // Calcular años bisiestos.
	     }
	     window.document.writeln('</select>');
             }
</script>

</form> 

Lo que deseo, es que al cambiar el mes (onChange), se ejecute el script de manera que aparezca el campo select de los días, con el número correspondiente de días dependiendo del mes elegido.

Tal cual lo he hecho, me escribe dicho campo en una nueva página, y además no me aparecen los días (el error que me da es que document.form_intro no tiene propiedades).

Alguien me puede ayudar a solucionar el error y que me vaya bien esta función?

De paso, si es posible agradecería saber la función para calcular años bisiestos. Creo que eran los múltiplos de 4, pero si no recuerdo mal habían más condiciones.

Un saludo!

[Tigervlc]

Por favor, nadie sabría solucionarme esto?

[caricatos]

Hola:

Si usas document.write/writeln se sobre-escribe la página, perdiendo todo su contenido... para hacer pruebas son mejor las alertas, y para mostrar en la página son buenos los campos text de los formularios (actualizando su value)

Saludos

[mgbhosting.com.ar]

Para un script asi, preferiria no generar el codigo de esta manera.
Lo que haria es generar 3 divs con los datos de los meses que estas interesado en mostrar en la opcion determinada, y los haria aparecer en onchange.

Saludos...

[Tigervlc]

Muchas gracias a los dos por la respuesta y el interés prestado

mgbhosting.com.ar: no entiendo muy bien el método que recomiendas. No te importaría explicarlo un poquito más?

Caricatos, la información me ha sido de utilidad y sé lo que quieres decir, pero ahora sin el writeln no sé cómo implementarlo. Hago lo siguiente, pero no me sale:

Código:

function mostrar_dias() {
	switch (document.form_intro.mes.value) {
		case 1,3,5,7,8,10,12: for (var i = 1; i <= 31; i++) {
			document.form_intro.dia.option = i;
			document.form_intro.dia.value = i;
		}
		break;
	             case 4,6,9,11: for (var i = 1; i <= 30; i++) {
		             document.form_intro.dia.option = i;
		             document.form_intro.dia.value = i;
		}
		break;
		case 2: // Calcular años bisiestos.
	}
}

Sin usar writeln, no sé cómo hacer para crear las opciones del campo select. Hay alguna manera? Alguna propiedad?

[bhonox]

no lo probe pero seria algo asi:

Código PHP:

  <script language="JavaScript" type="text/JavaScript"> 
    function mostrar_dias() { 
         campo = '&nbsp;D&iacute;a: <select name="dia" id="dia">';                    
         switch (document.form_intro.mes) { 
                    case 1,3,5,7,8,10,12: for (var i = 1; i <= 31; i++) campo +='<option value="'+i+'">'+ i +'</option>'; 
                    break; 
                    case 4,6,9,11: for (var i = 1; i <= 30; i++) campo += '<option value="'+i+'">'+ i +'</option>'; 
                    break; 
                    case 2: // Calcular años bisiestos. 
         } 
         campo += '</select>'; 
         document.getElementById("div_select").innerHTML = campo; 
             } 
</script> 
 
<div id="div_select"></div>  
  

[Tigervlc]

Hola Bhonox, muchas gracias, casi lo consigo!

Ahora sí que me escribe dinámicamente el campo <select> de 'dia'. Lo que pasa que las opciones aún no las muestra.

Pensaba que tal vez podría ser porque la variable campo no la has declarado con var al principio de la función, pero he probado y no es por eso. Debe haber alguna cosa que se nos pasa.

[bhonox]

lo q pasa es q no entra al switch case .