从 php 循环中获取值并在 keyup 上获取多个值

Question

我用两个文本框和一个结果列动态创建了一个 PHP 循环。

我需要的是，只需将输入前两个框的值乘以并在其附近的结果框中显示结果。

PHP 循环

<?php
 $sql=$db->query("SELECT * FROM calc");
 foreach($sql as $row)
 {
  ?>
<div class="calc">
 <input type="text" id="txt1id<?= $row['id'] ?>" onkeyup="multiple()">
 <input type="text" id="txt2id<?= $row['id'] ?>" onkeyup="multiple()">
 <input type="text" id="resultid<?= $row['id'] ?>" title="Result shows here automatically">
</div>
<?php } ?> // loop ends here.

脚本是

<script>
 function multiple()
 { 
    // how to get two different variables like this with different id to multiple ?
    var firstBox = parseInt(document.getElementById(firstid).value);
    var secondBox = parseInt(document.getElementById(secondid).value);


 }
</script>

Answer 1

像这样将行 id 传递给函数

<div class="calc">
 <input type="text" id="txt1id<?= $row['id'] ?>" onkeyup="multiple(<?= $row['id'] ?>)">
 <input type="text" id="txt2id<?= $row['id'] ?>" onkeyup="multiple(<?= $row['id'] ?>)">
 <input type="text" id="resultid<?= $row['id'] ?>" title="Result shows here automatically">
</div>

在 JS 中进行如下更改

<script>
 function multiple(rowid)
 { 
    var firstBox = parseInt(document.getElementById("txt1id"+rowid).value);
    var secondBox = parseInt(document.getElementById("txt2id"+rowid).value);
 }
</script>