¡Hola! Tengo una tabla que se genera automáticamente a través de una consulta, y es del tipo:
<td>
<div class="form-group">
<input type="text" class="form-control" id="valor1" name="foodtubnumber[]" onChange="multiplicar();" />
</div>
</td>
<td>
<div class="form-group">
<input type="text" class="form-control foodtubweight" id="valor2" name="foodtubweight[]" onChange="multiplicar();" />
</div>
</td>
<td>
<div class="form-group">
<input type="text" class="form-control" id="resultado" name="foodkg[]" />
</div>
</td>
Lo que quiero es que el campo "valor1" se multiplique por el "valor2", y muestre el producto en "resultado", empleando este código javascript:
<script type="text/javascript">
function multiplicar(){
m1 = document.getElementById("valor1").value;
m2 = document.getElementById("valor2").value;
r = m1*m2;
document.getElementById("resultado").value = r;
}
</script>
Funciona bien, pero sólo trabaja con la primera fila de la tabla (es decir, que no funciona bien). Ayer me resolvieron una duda para generar bucles en la tabla, así que intenté esto:
function multiplicar(){
m1 = document.getElementById("valor1").value;
m2 = document.getElementById("valor2").value;
r = m1*m2;
for(var i = 0; i < resultado.length;i++)
{
resultado[i].value = r;
}
document.getElementById("resultado").value = r;
}
Pero evidentemente no es lo que necesito, ya que sólo consigo que me repita en la columna "resultado" el mismo valor que obtiene multiplicando el valor1 y el valor2 de la primera fila :( ¿Alguna idea? ¡Gracias! Alex.