Gracias, movorack. En los enlaces he conseguido casi lo que quería. Sin embargo, hay una cosa que no consigo.
Tengo primeraPagina.html
Código:
<body>
<script src="segundaPagina.js">
</script>
<form method="POST" action="procesar.php">
<div id="insertar">
<input type="text" name="dia_0">
</div>
<input type="button" value="Add another text input" onClick="addInput('insertar');"><br><br>
<input type="submit" value="Enviar datos">
</form>
</body>
segundaPagina.js
Código:
var counter = 1;
var limit = 5;
var contador = 1;
function addInput(divName)
{
if (counter == limit)
{
alert("You have reached the limit of adding " + counter + " inputs");
}
else
{
var newdiv = document.createElement('div');
newdiv.innerHTML = "<br><input type='text' name='dia_"+contador+"'>";
document.getElementById(divName).appendChild(newdiv);
counter++;
contador++;
}
}
Con estos dos archivos creo varios campos del formulario con éxito, pero cuando mando esta información a procesar.php
Código:
<?php
$dia_0 = $_POST['dia_0'];
$dia_1 = $_POST['dia_1'];
$dia_2 = $_POST['dia_2'];
$dia_3 = $_POST['dia_3'];
$dia_4 = $_POST['dia_4'];
echo $dia_0."<br>";
echo $dia_1."<br>";
echo $dia_2."<br>";
echo $dia_3."<br>";
echo $dia_4."<br>";
?>
Me sale esto:
Código:
Notice: Undefined index: dia_1 in C:\xampp\htdocs\html_js\procesar.php on line 3
Notice: Undefined index: dia_2 in C:\xampp\htdocs\html_js\procesar.php on line 4
Notice: Undefined index: dia_3 in C:\xampp\htdocs\html_js\procesar.php on line 5
Notice: Undefined index: dia_4 in C:\xampp\htdocs\html_js\procesar.php on line 6
5
¿En qué estoy fallando?
Muchas gracias