Estoy haciendo una tabla donde obtengo unos datos desde la bdd
utilizando fetch,
lo que hace la tabla es un select
que escoge un tipo
de usuario por así decirlo, y obtiene un valor en la misma fila (sueldo mensual
imagen), que luego quiero multiplicar por la cantidad que yo ingrese.
La multiplicación la hace correctamente siempre y cuando:
- primero escojas una de las opciones del
select
y luego ingreses elvalor
cantidad
el problema es que si en un caso, el cliente quiera cambiar la opción del select
deberá ingresar nuevamente el valor a multiplicar (cantidad) para que se actualice los valores.
donde el problema crece por que mínimo se ingresan entre 5 a 20 filas.
Este es mi código con lo que estoy trabajando para obtener datos con fetch
Tabla:
<tbody>
<tr>
<td>
<select id="select_opcion_{{$cant}}" onchange="OpcionChange('select_opcion_{{$cant}}', 'select_escoger_{{$cant}}')" onkeyup="Total_manobra();">
<option value="">Seleccionar...</option>
//aquí va un foreach con los identificador para solicitar el valor
</select>
</td>
<td>
<input type="number" class="cantidad_obra" onkeyup="Total_manobra();">
</td>
<td class="p-d" id="select_escoger_{{$cant}}">
<input type="number" class="valor_obra" onkeyup="Total_manobra();">
</td>
<td>
<input type="number" class="total_obra" onkeyup="Total_manobra();">
</td>
</tr>
</tbody>
Imagen de como es realmente:
el código con el que obtengo el dato que solicito a la bdd
:
function OpcionChange(identidad, receptor){
var valor = document.getElementById(identidad).value;
fetch('/consulta'+valor+'/opcion').then((response) => response.json()).then((response)=>{
document.getElementById(receptor).innerHTML=`<input type="number class="valor_obra" onkeyup="Total_manobra" value="${response.RMU}">`
})
}
lo que trate de hacer fue utilizar los event
de javascript
(que yo conozco y su función), pero los utilizados me daban estos problemas:
onchange="Total_manobra();
= me calcula el valor anterior, no el solicitado.
onclick="Total_manobra();"
= pues funcionaba pero solo si le volvía a dar clik al select
, bueno aveces en todo caso, No es lo recomendable por que el usuario no siempre es el mismo, y el cliente (el jefe) no quiere eso.
onkeyup="Total_manobra();"
= simplemente no funciona.
entonces estoy solicitando ayuda para ver si existe alguna forma para poder hacer eso sin problema.
no agrego el código de la multiplicación por que creo que ese no es el problema. en caso de que sea necesario lo agregare.