En forms HTML podes almacenar arrays agregandole al name del input el par de corchetes []
.
Es decir para enviarte un array o grupo de <input name="telefono"
con varios values
pones varios inputs con los distintos valores y el mismo name
:
<form method=post>
<input type="text" name="nombre[]" value="a" /><br/>
<input type="text" name="nombre[]" value="b" /><br/>
<input type="text" name="nombre[]" value="c" /><br/>
<br/>
<input type="text" name="nombre[]" /><br/>
<input type="submit" name="agregar" value="Agregar">
</form>
Este array se guarda en el $_POST['nombre']
sin los []
<?php
print_r($_POST);
$names = $_POST['name'];
Array
(
[name] => Array
(
[0] => a
[1] => b
[2] => c
[3] => nuevo valor
)
[agregar] => Agregar
)
Así es que podemos "recordar" el estado del array en cada "post", si queremos evitar que se editen usamos campos ocultos, e imprimimos el valor solamente.
Por ej:
<form method=post>
<input type="hidden" name="nombre[]" value="a" />a<br/>
<input type="hidden" name="nombre[]" value="b" />b<br/>
<input type="hidden" name="nombre[]" value="c" />c<br/>
<br/>
<input type="text" name="nombre[]" /><br/>
<input type="submit" name="agregar" value="Agregar">
</form>
Con la función array_map
podemos convertir los 2 arrays ( nombre y telefonos ) en un sólo array con nombre y telefono por cada línea, "omitiendo" los pares incompletos.
// capturamos los arrayes, default es array vacío -> []
$names = $_POST["name"] ?? [];
$telephones = $_POST["telephone"] ?? [];
// mapeamos los arrayes
$arrayForm = array_map(
function ($n, $t) {
// limpiamos campos
$clean_n = test_input($n);
$clean_t = test_input($t);
// sólo si ambos contienen algo
if (
'' !== $clean_n
&& '' !== $clean_t
)
return [
'name' => $clean_n,
'telephone' => $clean_t
];
},
$names,
$telephones
);
Si alguno de los campos del par está vacío nos queda un "agujero" en el array resultante, asi que usamos array_filter
sin filtro para que el array final tenga sólo pares completos.
// quitamos entradas vacías
// aqui se descartan campos vacíos del "agregar"
$arrayValues = array_filter($arrayForm);
Ya con esto podemos recorrer el array e imprimirlo por pantalla, pero como bonus vamos a agregar un "boton de quitar" que va a ser un input que incluya el indice del array del par que queremos quitar ( en realidad evitamos imprimir ese par para que no se envíe en el siguiente post)
if (!empty($arrayValues)) {
foreach ($arrayValues as $index => $value) {
$quitarBtnName = "quitar{$index}";
// sólo uncluir el par si el "boton" no existe en POST
// si existe es que se está quitando este par
if (!isset($_POST[$quitarBtnName])) {
?>
...
<input type="submit" name="<?php echo $quitarBtnName; ?>" value="quitar">
...
<?php
} // cierre quitar
} // cierre foreach
} // cierre hay values
Todo junto y con un espacio para ver las variables mediante print_r
quedaría así:
agenda_form.php
<!DOCTYPE html>
<html lang="es">
<head>
<style>
pre {
font-size: small; overflow-y: scroll;
width: 33vw; border: 1px #ccc solid;
padding: 5px; margin: 5px;
position: fixed; top: 0; right: 0; bottom: 0;
}
</style>
</head>
<body>
<pre>
<?php
print_r($_POST ?? []);
$arrayValues = [];
if ($_SERVER["REQUEST_METHOD"] == "POST") {
// capturamos los arrayes; default array vacío -> []
$names = $_POST["name"] ?? [];
$telephones = $_POST["telephone"] ?? [];
// mapeamos los arrayes
$arrayForm = array_map(
function ($n, $t) {
// limpiamos
$clean_n = test_input($n);
$clean_t = test_input($t);
// si ambos contienen algo
if (
'' !== $clean_n
&& '' !== $clean_t
)
return [
'name' => $clean_n,
'telephone' => $clean_t
];
},
$names,
$telephones
);
// quitamos entradas vacías
// aqui se descartan campos vacíos del agregar
$arrayValues = array_filter($arrayForm);
print_r([
'$names' => $names,
'$telephones' => $telephones,
'$arrayForm' => $arrayForm,
'$arrayValues' => $arrayValues,
]);
}
function test_input($data)
{
$data = trim($data);
$data = stripcslashes($data);
$data = htmlspecialchars($data);
return $data;
}
?>
</pre>
<h1>App-arrayValues</h1>
<form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?>">
<table>
<tbody>
<tr>
<th>Nombre</th>
<th>Nº de teléfono</th>
</tr>
<?php
if (!empty($arrayValues)) {
foreach ($arrayValues as $index => $value) {
$name = $value['name'];
$telephone = $value['telephone'];
$quitarBtnName = "quitar{$index}";
// sólo uncluir el par si el "boton" no existe en POST
// si existe es que se está quitando este par
if (!isset($_POST[$quitarBtnName])) {
?>
<tr>
<td>
<input type="hidden" name="name[]" value="<?php echo $name; ?>" />
<?php echo $name; ?>
</td>
<td>
<input type="hidden" name="telephone[]" value="<?php echo $telephone;?>">
<?php echo $telephone; ?>
</td>
<td>
<input type="submit" name="<?php echo $quitarBtnName; ?>" value="quitar">
</td>
</tr>
<?php
} // cierre quitar
} // cierre foreach
} // cierre hay values
?>
<tr>
<td>
<h2>Formulario</h2>
</td>
</tr>
<tr>
<td><input type="text" name="name[]" /></td>
<td><input type="number" name="telephone[]"></td>
<td><input type="submit" name="agregar" value="Agregar"></td>
</tr>
</tbody>
</table>
</form>
</body>
</html>