Estoy intentando hacer que el usuario vaya añadiendo tantas cajas dinámicas como le hagan falta (por ejemplo cantidad de idiomas que sabe) y una vez añadidas que pase los valores a un archivo PHP
para guardar en base de datos, etc. De momento me sobra con listar desde un archivo PHP
todos los campos que haya añadido. El código es el siguiente lo que no sé hacer es como listar las cajas en php.
<html>
<head>
<title></title>
<meta charset="UTF-8">
<title>formulario dinámico</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="">
<link rel="stylesheet" href="">
<script src="https://code.jquery.com/jquery-2.2.2.min.js"></script>
<script type="text/javascript">
$(function() {
var $form = $("#my-dynamic-form");
$('#add-field-button').click(function() {
var $fieldset = $('<fieldset>');
$('<input type="text" name="idioma[]">').appendTo($fieldset);
$('<input type="text" name="leido[]">').appendTo($fieldset);
$('<input type="text" name="escrito[]">').appendTo($fieldset);
$fieldset.appendTo($form);
});
});
</script>
</head>
<body>
<h1>Ejemplo de formulario dinámico</h1>
<form id="my-dynamic-form" action="guardar_formulario.php" method="post">
<!-- <input name="fields[]" type="Submit" value="Guardar" >-->
<button type="Submit" value="Submit" class="boton">guardar</button>
</form>
<button id="add-field-button">
Agrega un campo
</button>
</body>
</html>
En el archivo guardar formulario.php
quiero hacer la lista de todos los valores que se han introducido y he puesto esto pero no funciona, evidentemente está mal. Pueden ayudarme?
<?php
echo "idioma[]: " . $v11 = $_POST["idioma[]"];
echo "<br>";
echo "leido[]: " . $v11 = $_POST["leido[]"];
echo "<br>";
echo "escrito[]: " . $v21 = $_POST["escrito[]"];
?>