从<td>对行id指定的同一表行执行计算
Get data from <td> on the same table row specified by row id and perform computation
我有一个html表,该表由来自mysql数据库的数据填充。这就是结构:
<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>
我在填充表时没有问题,但每次用户更改<input type="text" style="width:50px;" onkeyup="getall(this);" id="<?php echo $p['ProductID']?>"></td>
的值时,我都需要更新<span id="ttl">
的值。我做了一个Javascript函数,但我做不到我想要的。
跨度值应为<td id="pprice<?php echo $p['ProductID']?>"><?php echo $p['UnitPrice'];?></td>
和用户在文本框中输入的数量的乘积。
一旦填写完所有字段,我将很快将这些数据保存回数据库。
不确定是否正确使用了。只需尝试以下内容:
<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"));
}
试试看。
相关文章:
- 从表单中获取用户输入执行计算(操作顺序)并输出回该表单
- NumericTextBox-当用户键入数字时执行JS计算.能做到吗
- 对表单输入执行计算
- JQuery/JavaScript:遍历表单字段,执行计算,然后提交
- 如何使用文本下拉列表中的绑定值来执行计算
- 使挖空计算订阅不在初始执行路径中的可观察量
- JavaScript.为字母分配数字值,并根据用户的字母输入执行计算
- 使用表单数据执行计算并将其解析回表单
- 如何使用 CheckBox=“true” 执行计算
- 未执行计算可观察量
- 通过json对数据执行计算
- 从<td>对行id指定的同一表行执行计算
- aws lambda函数如何使用响应来执行计算
- 服务器级SDK,可以加载PDF文件并执行计算和验证代码片段
- 接受用户输入,在javascript中执行计算
- 在Javascript中对Integer数组执行计算
- 如何对javascript对象的属性执行计算并将其打印出来
- 对动态添加的行执行计算
- jQuery获取两个不同滑块的值并执行计算
- JavaScript:哪台机器执行计算