Llevo un rato intentando cargar un modal con datos que tengo en una tabla, pero no tengo suerte. Soy principiante en php, y a pesar de leer toda la noche sobre este tema no pude hallar la solución.
Tengo una tabla de empleados que se llena dinámicamente tras una consulta sql con un foreach, y una de las columnas es un botón para ver más detalles sobre el empleado seleccionado.
Pude obtener un par de datos de la tabla, pero son todos de la última fila registrada sin importar el botón que oprima.
Les dejo los fragmentos de código que utilicé.
Consulta a la base de datos:
<?php
include ("administrador/config/db.php");
$txtDNI=(isset($_POST['txtDNI']))?$_POST['txtDNI']:"";
$sentenciaSQL= $conexion->prepare("SELECT persona.apellido,
persona.nombre,
persona.dniPersona,
puesto.descPuesto
FROM persona
INNER JOIN puesto_personas
ON persona.dniPersona = puesto_personas.dni_Persona
INNER JOIN puesto
ON puesto_personas.cod_Puesto = puesto.codPuesto");
$sentenciaSQL->execute();
$listaPersonas=$sentenciaSQL->fetchAll(PDO::FETCH_ASSOC);
?>
Tabla:
<div class="table-responsive">
<table class="table" id="tabla_id">
<thead>
<tr>
<th scope="col">Apellido</th>
<th scope="col">Nombre</th>
<th scope="col">DNI</th>
<th scope="col">Puesto</th>
<th scope="col">Más información</th>
</tr>
</thead>
<tbody>
<?php foreach($listaPersonas as $persona ){ ?>
<tr class='clickable-row'>
<td><?php echo $persona["apellido"]; ?></td>
<td><?php echo $persona["nombre"]; ?></td>
<td><?php echo $persona["dniPersona"]; ?></td>
<td><?php echo $persona["descPuesto"]; ?></td>
<td>
<input type="hidden" name="txtDNI" id="txtDNI" value="<?php echo $persona['dniPersona']; ?>"/>
<input type="submit" class="btn btn-success" data-toggle="modal" value="Ver detalle"data-target="#exampleModal"/></td>
</td>
</tr>
<?php } ?>
</tbody>
</table>
Modal:
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title text-center" id="exampleModalLabel">Empleado: <?php echo $persona["apellido"]; echo" "; echo $persona['nombre']; ?></h5>
<button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<ul class="list-group list-group-flush">
<li class="list-group-item"><div class="form-group row">
<label for="inputEmail3" class="col-sm-3 col-form-label">DNI:</label>
<div class="col-sm-9">
<label for="inputEmail3" class="col-sm-8 col-form-label"><?php echo $persona["dniPersona"]; ?></label>
</div>
</div></li>
<li class="list-group-item"><div class="form-group row">
<label for="inputEmail3" class="col-sm-3 col-form-label">Puesto:</label>
<div class="col-sm-9">
<label for="inputEmail3" class="col-sm-8 col-form-label"><?php echo $persona["descPuesto"]; ?></label>
</div>
...
...
...
El código del modal continúa, pero creo que lo importante está en la parte de arriba. Las etiquetas están bien cerradas.
Gracias desde ya. Saludos!
$persona
ya fue recorrido en su totalidad, así que el apuntador del mismo queda en el último registro reemplazando las variables del modal con este valor y por eso te sale siempre lo mismo. Para resolver esto debes cargar el modal como te recomiedan en el comentario previo. Otra forma, poco pulcra pero sin necesidad de JS, es crear un modal para cada botón por cada registro del objeto PDO.