Skip to main content
1 de 3
masterguru
  • 16k
  • 5
  • 15
  • 28

A ver, son varios cambios lo que deberias hacer para basar tus acciones de los botones en los id.

Donde pone esto:

<button type="button" class="btn btn-success" id="botonAceptar" onclick="mostrarInputval()">Aceptar</button>
<br>
<label id="Fecha_recogidalabel" style="display:none">Fecha de recogida del material: </label>
<input type="date" name="Fecha_recogida" id="Fecha_recogida" style="display:none">
<br>
<label id="Fecha_propuestalabel" style="display:none">Fecha propuesta de devolución del material: </label>
<input type="date" name="Fecha_propuesta" id="Fecha_propuesta" style="display:none">
<br>
<button type="button" class="btn btn-success" id="botonAceptacion" onclick="guardarAceptacion(<?=$lisc['id']?>)" style="display:none">Aceptar</button>
</td>
<td><button type="button" class="btn btn-danger" id="botonRechazar">Rechazar y Cancelar</button></td>

pones esto:

<button type="button" class="btn btn-success" id="botonAceptar_<?=$id?>" onclick="mostrarInputval(<?=$id?>)">Aceptar</button>
<br>
<label id="Fecha_recogidalabel_<?=$id?>" style="display:none">Fecha de recogida del material: </label>
<input type="date" name="Fecha_recogida_<?=$id?>" id="Fecha_recogida_<?=$id?>" style="display:none">
<br>
<label id="Fecha_propuestalabel_<?=$id?>" style="display:none">Fecha propuesta de devolución del material: </label>
<input type="date" name="Fecha_propuesta_<?=$id?>" id="Fecha_propuesta_<?=$id?>" style="display:none">
<br>
<button type="button" class="btn btn-success" id="botonAceptacion_<?=$id?>" onclick="guardarAceptacion(<?=$id?>)" style="display:none">Aceptar</button>
</td>
<td><button type="button" class="btn btn-danger" id="botonRechazar_<?=$id?>">Rechazar y Cancelar</button></td>

Es decir, hemos cambiado todos los name= e id= en función del $id pasado (que se corresponde con $lisc['id'] en la primera asignación que haces en el do).

Ahora toca cambiar la función para que lo coja bien.

Cambia esto:

function mostrarInputval() {
         var fechaReecogida = document.getElementById("Fecha_recogida");
         var labelfecharecogida = document.getElementById("Fecha_recogidalabel");
         var element = document.getElementById("Fecha_propuesta");
         var labelfechapropuesta = document.getElementById("Fecha_propuestalabel");
         var botonAceptacion = document.getElementById("botonAceptacion");
         var botonAceptar = document.getElementById("botonAceptar");
         var botonRechazar = document.getElementById("botonRechazar");

por esto:

function mostrarInputval(idTrab) {
         var fechaReecogida = document.getElementById("Fecha_recogida_" + idTrab);
         var labelfecharecogida = document.getElementById("Fecha_recogidalabel_" + idTrab);
         var element = document.getElementById("Fecha_propuesta_" + idTrab);
         var labelfechapropuesta = document.getElementById("Fecha_propuestalabel_" + idTrab);
         var botonAceptacion = document.getElementById("botonAceptacion_" + idTrab);
         var botonAceptar = document.getElementById("botonAceptar_" + idTrab);
         var botonRechazar = document.getElementById("botonRechazar_" idTrab);

Y por último, en la función guardarAceptacion(idTrab) cambia esto:

fecha_recog = document.getElementById['Fecha_recogida'];
fecha_entreg = document.getElementById['Fecha_propuesta'];

por esto:

fecha_recog = document.getElementById['Fecha_recogida_' + idTrab];
fecha_entreg = document.getElementById['Fecha_propuesta_' + idTrab];

Y diria que ya lo tienes.

Explicación:

Repetías los name e id del html en cada ciclo de tu bucle y en las funciones de javascript solo te cogian el primero que encontraban.

Agregando la coletilla del _id en cada uno de ellos los estamos diferenciando, y al modificar las funciones javascript tal como lo hemos hecho los estamos llamando de forma única.

Prueba y nos cuentas.

masterguru
  • 16k
  • 5
  • 15
  • 28