Hay algunos cambios al generar la tabla, los principales son: * Dejar de usar `<?=i+1>` para los ID * Agregar información que no aparece en la tabla como [atributos de datos](https://developer.mozilla.org/es/docs/Web/API/HTMLElement/dataset) en cada fila (TR) * Puedes reducir el código si creas variables para aplicar a un solo atributo, en lugar de tener muchas comparaciones, como el caso de la imagen. * En los botones se va a activar la única ventana modal <!-- Fin de lista --> <div class="panel-body"> <table id="misBienesUnidadUsuarioImpresionResguardo" class="table table-striped table-bordered display" style="width:100%"> <thead> <tr> <th label style="font-size:12px; background-color: #C8C8AA;">ORDEN</th> <th label style="font-size:12px; background-color: #C8C8AA;">NUMERO EMPLEADO</th> <th label style="font-size:12px; background-color: #C8C8AA;">NOMBRE COMPLETO</th> <th label style="font-size:12px; background-color: #C8C8AA;">CLAVE UNIDAD</th> <th label style="font-size:12px; background-color: #C8C8AA;">UNIDAD</th> <th label style="font-size:12px; background-color: #C8C8AA;">CANTIDAD DE BIENES</th> <th label style="font-size:12px; background-color: #C8C8AA;">PROCESO:</th> <th label style="font-size:12px; background-color: #C8C8AA;">ACCIONES:</th> </tr> </thead> <tbody> <?PHP for($i=0; $i< $totalResultadoBienes_UnidadUsuario; $i++){ $empleado_UnidadUsuario=$resultadoBienes_UnidadUsuario[$i]->getNumero_Empleado(); $nombre_UnidadUsuario= $resultadoBienes_UnidadUsuario[$i]->getNombre(); $cct_UnidadUsuario=$resultadoBienes_UnidadUsuario[$i]->getCct(); $unidad_UnidadUsuario=$resultadoBienes_UnidadUsuario[$i]->getLoc_Pla(); $activo_UnidadUsuario=$resultadoBienes_UnidadUsuario[$i]->getActivo(); $movimiento_UnidadUsuario=$resultadoBienes_UnidadUsuario[$i]->getEstatus_Movimiento(); $nombreMovimiento_UnidadUsuario=$resultadoBienes_UnidadUsuario[$i]->getNombreMovimiento(); $estatus_UnidadUsuario=$resultadoBienes_UnidadUsuario[$i]->getEstatus_Proceso(); // Faltan dos datos que deben usarse en la modal $nombreTipoUnidad = $resultadoBienes_UnidadUsuario[$i]->getTipoUnidad(); $nombreProyectoUnidad = $resultadoBienes_UnidadUsuario[$i]->getProyecto(); // Agrégalos como dataset del TR: ?> <tr data-tipo="<?php echo $nombreTipoUnidad; ?>" data-proyecto="<?php echo $nombreProyectoUnidad; ?>"> <td style="font-size:10px;"><?= $i+1?></td> <td style="font-size:10px;"><?=$empleado_UnidadUsuario?></td> <td style="font-size:10px;"><?=$nombre_UnidadUsuario?></td> <td style="font-size:10px;"><?=$cct_UnidadUsuario?></td> <td style="font-size:10px;"><?=$unidad_UnidadUsuario?></td> <td style="font-size:10px;"><?=$activo_UnidadUsuario?></td> <td> <?PHP // Coloca las imágenes en un arreglo, para evitar comparaciones y reducir código $imagenes = ['folder_blue_48.png', 'folder_orange_48.png', 'folder_yellow_48.png', 'folder_green_48.png', 'folder_green_48.png']; ?> <div class="contenedor"><img src="imagenes/iconos/proceso/<?php echo $imagenes[$movimiento_UnidadUsuario]; ?>" width="35" height="35"> <div class="centrados"><strong><p><font face="Arial" style="font-size:10px;"><?=$nombreMovimiento_UnidadUsuario ?></p></strong></div> </div> <?PHP } ?> </td> <?PHP ?> <td style="font-size:10x;"> <?PHP if ($_SESSION['ID_ROL'] == 3) { if($movimiento_UnidadUsuario == 4){ // Qué diferencia hay entre estos botones? // Elimina ID de los botones ?> <button type="button" class="btn btn-success -upload" data-toggle="modal" data-target="#modalCargaResguardoIndividual" data-keyboard="false" data_backdrop="static" title="CARGA INDIVIDUAL DEL RESGUARDO"><span class="glyphicon glyphicon-open-file"></span> </button> <?PHP } else { ?> <button type="button" class="btn btn-success -upload" data-toggle="modal" data-target="#modalCargaResguardoIndividual" data-keyboard="false" data_backdrop="static" title="CARGA INDIVIDUAL DEL RESGUARDO"><span class="glyphicon glyphicon-open-file"></span> </button> <?PHP } } ?> <button name="boton" type="button" class="btn btn-success -sign-in" title="AYUDA" data-toggle="modal" data-target="#modalAyudaCargaResguardoIndividual"><span class="glyphicon glyphicon-question-sign"></span> </button> </td> </tr> <?php }// cierre del ciclo ?> <tfoot> <tr> <th label style="font-size:12px; background-color: #C8C8AA;">ORDEN</th> <th label style="font-size:12px; background-color: #C8C8AA;">NUMERO EMPLEADO</th> <th label style="font-size:12px; background-color: #C8C8AA;">NOMBRE COMPLETO</th> <th label style="font-size:12px; background-color: #C8C8AA;">CLAVE UNIDAD</th> <th label style="font-size:12px; background-color: #C8C8AA;">UNIDAD</th> <th label style="font-size:12px; background-color: #C8C8AA;">CANTIDAD DE BIENES</th> <th label style="font-size:12px; background-color: #C8C8AA;">PROCESO:</th> <th label style="font-size:12px; background-color: #C8C8AA;">ACCIONES:</th> </tr> </tfoot> </tbody> </table> <!-- Inicio del Modal CargarProyectoResguardoIndividual--> <?PHP require_once 'modales/modalCargarProyectoResguardoIndividual.php';?> <!-- Fin del Modal CargarProyectoResguardoIndividual--> <!-- Inicio del Modal AyudaCargarProyectoResguardoIndividual--> <?PHP require_once 'modales/modalAyudaCargarProyectoResguardoIndividual.php';?> <!-- Fin del Modal AyudaCargarProyectoResguardoIndividual--> <div class="pie_tabla"> <button class="btn btn-success" type="button" id="btnCargarProyecto" data-toggle="modal" data-target="#modalCargarProyectoResguardoMultiple" data-keyboard="false" data-backdrop="static" data-numero_empleado="" title="CARGAR PROYECTO" ><img type="button" src="imagenes/iconos/acciones/archivoPDF.png" width="35" height="35" > CARGAR PROYECTO </button> </div> <!-- Inicio del Modal CargarProyectoResguardoMultiple--> <?PHP require_once 'modales/modalCargarProyectoResguardoMultiple.php'; ?> <!-- Inicio del Modal CargarProyectoResguardoMultiple--> </div> Los cambios en la ventana modal son solo para poder mostrar los datos e integrarlos al formulario. Debe ser solo una, sin ciclos. * Agregué ID a los elementos donde se deben mostrar datos: `id="span-nombreDeDato"` * También agregué otros campos ocultos, pero ahora que lo veo, parece que no son necesarios, deja solo los que realmente vayas a usar. <!-- Fin de lista --> <div class="modal fade" id="modalCargaResguardoIndividual" name="modalCargaResguardoIndividual" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header text-center"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <h5 class="modal-title" id="exampleModalLabel"><strong>CARGA DE RESGUARDO INDIVIDUAL POR COLABORADOR</strong></h5> </div> <div class="modal-body"> <table id="CargarProyectoResguardo_DatosUnidad-1" class="table table-striped center table-bordered responsive display" style="width:100%"> <thead> <tr> <th style="font-size:10px; background-color: #5bc0de;" class="text-center" colspan="3"> INFORMACIÓN GENERAL</th> </tr> </thead> <tbody> <tr style="font-size:10px;" class="text-center"> <td> UNIDAD: </td> <td> TIPO DE UNIDAD: </td> <td> PROYECTO AL QUE PERTENECE: </td> </tr> <tr style="font-size:10px;" class="text-center"> <td class="input-group-addon" style="font-size:10px;"><span><strong id="span-nombreUnidad"><?=$nombreUnidad?></strong> </span></td> <td class="input-group-addon" style="font-size:10px;"><span><strong id="span-nombreTipoUnidad"><?=$nombreTipoUnidad?></strong> </span></td> <td class="input-group-addon" style="font-size:10px;"><span><strong id="span-nombreProyectoUnidad"><?=$nombreProyectoUnidad?></strong> </span></td> </tr> </tbody> </table> <table id="CargarProyectoResguardo_DatosUnidad-2" class="table table-striped center table-bordered responsive display" style="width:100%"> <thead> <tr> <th style="font-size:10px; background-color: #5BC0DE;" class="text-center" colspan="2"> INFORMACIÓN DEL COLABORADOR</th> </tr> </thead> <tbody> <tr style="font-size:10px;" class="text-center"> <td> NOMBRE : </td> <td> NUMERO EMPLEADO: </td> </tr> <tr style="font-size:10px;" class="text-center"> <td> <strong id="span-nombreEmpleado"><?=$nombreEmpleado?></strong> </td> <td> <strong id="span-numeroEmpleado"><?=$numeroEmpleado?></strong> </td> </tr> <tr> </tbody> </table > <table id="CargarProyectoResguardo_DatosUnidad-3" class="table table-striped center table-bordered responsive display" style="width:100%"> <thead> <tr> <th style="font-size:10px; background-color: #5BC0DE;" class="text-center" colspan="3"> CARGA DE ARCHIVOS INDIVIDUALES POR COLABORADOR</th> </tr> </thead> <tbody> <tr> <td> <div class="row"> <div id="content" class="col-lg-12"> <div id="respuesta" class="alert"></div> <form action="" method="post" id="formCargarArchivo" name="formCargarArchivo" enctype="multipart/form-data" > <div id="content" class="col-lg-12"> <div class="form-group col-lg-12"> <input type="file" class="form-control-file" name="archivo" id="archivo" accept="application/pdf"> </div> <div class="form-group col-lg-12"> <button type="submit" id="cargarArchivo" class="btn btn-primary">Subir Archivo</button> </div> <div class="form-group col-lg-12"> <progress id="barra_de_progreso" value="0" max="100"></progress> </div> <input type="hidden" class="form-control" name="nombreUnidad" id="nombreUnidad" value=""> <input type="hidden" class="form-control" name="nombreTipoUnidad" id="nombreTipoUnidad" value=""> <input type="hidden" class="form-control" name="nombreProyectoUnidad" id="nombreProyectoUnidad" value=""> <input type="hidden" class="form-control" name="numeroEmpleado" id="numeroEmpleado" value=""> <input type="hidden" class="form-control" name="nombreEmpleado" id="nombreEmpleado" value=""> </div> </form> </div> </div> </td> </tr> </tbody> </table> </div> <!-- fin Modal Body ---> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> Finalmente, el código Javascript para controlar la ventana modal: * Debes crearlo solo una vez, fuera de ciclos * Se detecta clic en botones para abrir la ventana modal, probablemente se abre de forma automática, pero no debe afectar esta función. * Actualizar contenedores y campos ocultos: * Primero se obtiene la fila * Acceder a atributos de datos de TR con [$.data()](https://api.jquery.com/data/) para: nombreTipoUnidad y nombreProyectoUnidad * Obtener celda (TD) por posición para: numeroEmpleado (segunda celda - 1), nombreEmpleado (tercera celda - 2) y nombreUnidad (quinta celda - 4) <!-- Fin de lista --> <script> $(document).ready(function(){ // Abrir ventana modal escuchando clic en los botones $('#misBienesUnidadUsuarioImpresionResguardo').on('click', '.-upload', e => { // Reiniciar formulario para evitar que aparezcan cosas de procesos anteriores $('#formCargarArchivo')[0].reset(); $("#modalCargaResguardoIndividual").modal('show'); // Obtener TR let tr = $(e.target).closest('tr'); // Asignar datos de modal desde TR o celdas específicas $('#span-nombreEmpleado').text($(tr).find('td:eq(2)').text()); $('#span-numeroEmpleado').text($(tr).find('td:eq(1)').text()); $('#span-nombreUnidad').text($(tr).find('td:eq(4)').text()); $('#span-nombreTipoUnidad').text($(tr).data('tipo')); $('#span-nombreProyectoUnidad').text($(tr).data('proyecto')); // Asignar valores a campos ocultos, agregé para los 5 datos, pero puedes elimminar los que no necesites $('#nombreEmpleado').val($(tr).find('td:eq(2)').text()); $('#numeroEmpleado').val($(tr).find('td:eq(1)').text()); $('#nombreUnidad').val($(tr).find('td:eq(4)').text()); $('#nombreTipoUnidad').val($(tr).data('tipo')); $('#nombreProyectoUnidad').val($(tr).data('proyecto')); }); // Enviar formulario $("button#cargarArchivo").click(function(e){ e.preventDefault(); // Creas formData directamente con el formulario, no necesitas agregar más cosas var paqueteDeDatos = new FormData($('#formCargarArchivo')[0]); $.ajax({ url: "procesarArchivo.php", type: "post", data: paqueteDeDatos, dataType: "json", contentType: false, processData: false, success: function(){ $("#modalCargaResguardoIndividual").modal('hide'); swal("Se Cargo el Archivo Exitosamente!","Aceptar","success"); console.log("Alert Callback"); location.reload(); }, error: function(){ $("#modalCargaResguardoIndividual").modal('hide'); swal("No se pudo Cargar el Archivo","Aceptar","error"); console.log("Alert Callback"); location.reload(); }, }); }); }); </script>