javascript - 从由row id指定的同一表行获取数据并执行计算

Question

我有一个由来自 mysql 数据库的数据填充的 html 表。这是结构：

<table>    
<?php
foreach($prods as $key=>$p){
?>
   <tr class="row1" id="tr<?php echo $p['ProductID']?>">
   <td id="pid<?php echo $p['ProductID']?>"><?php echo $p['ProductID']?></td>
   <td id="pname<?php echo $p['ProductID']?>"><?php echo $p['ProductName'];?></td>
   <td id="pdesc<?php echo $p['ProductID']?>"><?php echo $p['ProductDesc'];?></td>
   <td id="pprice<?php echo $p['ProductID']?>"><?php echo $p['UnitPrice'];?></td>
   <td><input type="checkbox" id="chk<?php echo $p['ProductID']?>" checked></td>
   <td><input type="text" style="width:50px;" onkeyup="getall(this);" id="<?php echo    $p['ProductID']?>"></td>
   <td><input type="text" style="width:50px;" id="total<?php echo $p['ProductID']?>">    </td>
   <span id="ttl" name="ttl"> 0.00</span>
   </tr>
   <?php
   }
   ?>
   </table>

我在填充表格时没有问题，但是<span id="ttl">每次用户更改<input type="text" style="width:50px;" onkeyup="getall(this);" id="<?php echo $p['ProductID']?>"></td>. 我做了一个 Javascript 函数，但我没有做我想做的事。

跨度的值应该是<td id="pprice<?php echo $p['ProductID']?>"><?php echo $p['UnitPrice'];?></td>用户在文本框中输入的数量的乘积。

填写完所有字段后，我将很快将这些数据保存回数据库。

Answer 1

不确定这是否正确使用。试试类似的东西：

<input type="text" style="width:50px;" onkeyup="getall('<?php echo $p['ProductID']?>');" id="<?php echo $p['ProductID']?>"></td>

在你的 javascript 函数中：

function getall(strId)
{
    var tmpObj = document.getElementById(strId);
    alert("reported id for testing: " + tmpObj.getAttribute("id"));
}

试试看。