js no se incluye en el código fuente

[molinillo]

Buenos dias, tengo un problema , trato de explicarlo:

Estoy haciendo un formulario , en el existe la posibilidad de añadir nuevos inputs mediante js , lo hago de una forma que siempre he hecho y siempre me ha funcionado pero que no se por qué ahora mismo no funciona.

Tengo un botón añadir que llama a la siguiente función:

Código HTML:

	var cuenta = 0;
	function ingresar_nuevo() {
		var porcentaje = document.getElementById('js_porcentaje').value;
		var dias = document.getElementById('js_dias').value;
		var cupo = document.getElementById('js_cupo').value;
		var estado = document.getElementById('js_estado').value;	
		var fecha = document.getElementById('fch_entrada').value;
		document.getElementById('espacio').innerHTML+='hola<div id="li_'+cuenta+'"><li  style="clear:left;"><input name="js_porcentaje_'+cuenta+'" id="js_porcentaje_'+cuenta+'" type="text" value="'+porcentaje+'" /></li><li style="clear:none;"><input name="js_dias_'+cuenta+'" id="js_dias_'+cuenta+'" type="text" value="'+dias+'" /></li><li style="clear:none;"><input name="js_cupo_'+cuenta+'" id="js_cupo_'+cuenta+'" value="'+cupo+'"  type="text" /></li><li style="clear:none;"><select name="js_estado_'+cuenta+'" id="js_estado_'+cuenta+'" value="'+estado+'"><option value="1">Disponible</option><option value="2">No Disponible</option><option value="3">Cerrado</option></select></li><li style="clear:none;"><input name="js_fecha_'+cuenta+'" id="js_fecha_'+cuenta+'" type="text" value="'+fecha+'" /></li><li style="clear:none; width:50px;"><input type="button" onclick="eliminare('+cuenta+')" value="X"></li></div>';
		cuenta = cuenta +1;
	}

Algo sencillito que simplemente añade nuevos campos al div espacio que está en el formulario ,cogiendo datos introducidos en otros inputs.

Funciona y visiblemente se ven los campos, pero al enviar el formulario los POST no llegan, miro el código fuente y pese a que los nuevos imputs son visibles, en el código fuente no paracen estos nuevos imputs.

Lo raro es que he usado este metodo miles de veces y siempre me ha funcionado, no logro entender que es lo que falla, ¿alguna idea?

He añadido un "hola" como vereis para poder hacer "codigo fuente seleccionado" con firefox y así si logro ver esos imputs(aunque siguen sin enviarse junto al formulario), pero si clicko a ver codigo fuente de la página el div "espacio" está vacio y este código no aparace en ningana parte del doom.

[caricatos]

Hola:

El código fuente que muestran los navegadores son el que recibe al cargarse la página. Si añades o modificas cosas después no lo suele reflejar.

Has probado ver lo que se recibe en destino... si usas php sería con print_r($_POST)...

Los nombres los veo raros añadiéndole el índice, por ejemplo js_porcentaje_1, js_porcentaje_2. Para el atributo id es coherente pero para el atributo name tal vez el nombre debería terminar con un juego de corchetes (siempre que se trate de php, por ejemplo).

Saludos

[molinillo]

Hola caricatos, gracias como siempre por contestar tan rápido, pues sí es php y había probado con el print_r($_POST) y no me los muestra :( , al ver que no me los mostraba es cuando miré el código fuente y vi que no aparecian, he probado con varios tipos de names, names simple sin varaibles y nada.
incluso he provado con jquery y su metodo .load , que también he usado cientos de veces y no funciona:

Código:

function probamos() {
		var porcentaje = document.getElementById('js_porcentaje').value;
		var dias = document.getElementById('js_dias').value;
		var cupo = document.getElementById('js_cupo').value;
		var estado = document.getElementById('js_estado').value;	
		var fecha = document.getElementById('fch_entrada').value;
		$('#espacio').load('prueba.php',{dias:dias,cupo:cupo,estado:estado,fecha:fecha});
	}

prueba.php :

Código PHP:

  <?php
$dias=$_POST['dias'];
?>
<input name="porcentaje" id="porcentaje" type="text" value="<?=$dias?>" />  

es muy raro ya que he usado estas mismas funciónes (la de jquery y la de innerhtml) en muchas aplicaciones y siempre me ha funcionado.

En cuanto a lo de los corchetes , no se muy bien a que te refieres, podrías darme un ejemplo?

Lo raro raro es eso, estas funciones las he usado cientos de veces y siempre me añaden el contendio al doom, incluso con nombre muy similares a lso que uso en estas que no van :(

[caricatos]

Hola:

Como no tengo idea de jquery te respondo sobre lo tradicional.

si el nombre de la variable es js_porcentaje_1, php recibe su value con $_POST[js_porcentaje_1], y es una variable de texto normal, pero si quieres que reciba un array (suele hacerse), en el formulario, el nombre de la variable debería ser "js_porcentaje[]". Fíjate en el juego de corchetes al final del nombre, y en php debes recibir la variable $_POST["js_porcentaje"] (en php sin el juego de corchetes) y el tipo de esa variable será un array... y ya lo manejas con php como array (count, y su indexación).

Por eso te comenté lo de print_r.

Y asegúrate de que el método sea post.

Con javascript podrías mirar el "innerHTML" del formulario para comprobar que los nombres y valores sean los adecuados.

Saludos

[molinillo]

Gracias por todo caricatos, pero probando creo que mi función funciona, he comprobado todas mis otras funciones similares y como tu dices no me los añade al doom, pero pese a ello si se envian los posts en el formulario, así que he puesto un alert mostrando el form y he vto que mi form se partia a mitad. He borrado todo del form excepto lo que no me funcionaba y evoala, empieza a funcionar...
así que el problema no está donde yo pensaba si no que hay algún error previo que me rompe esa parte del form.

Voy a revisarlo paso a paso que es un form de más de 600 lineas :)
y gracias de nuevo por tu tiempo.

[molinillo]

descubierto el problema, un div que se abre antes del form y se cierra en medio de el parece que lo rompe!!, jamás lo habría pensado pero así es... de nuevo perdona caricatos por hacerte perder el tiempo pues pregunté por un problema que realmente no existia..