我已经使用我已经更改以满足我的需要的javascript在表中动态创建了行,在这个动态创建的表中,我想将Qty乘以价格并将其放入总框中,
html
<table>
<tbody id="plateVolumes">
<tr>
<td><input type="checkbox" value="None" id="chk" name="chk[]" /></div></td>
<td><input type='text' name='qty' id='qty' class="qty" placeholder='Qty' /></td>
<td><select name="productdescription[]" class="productdescription" id="productdescription">
<option value="Product">Product</option>
<option value="Product01" label="Product01">Product01</option>
<option value="Product02" label="Product02">Product02</option>
<option value="Product03" label="Product03">Product03</option>
<option value="Product04" label="Product04">Product04</option>
<option value="Product05" label="Product05">Product05</option>
<option value="Product06" label="Product06">Product06</option>
</select></td>
<td><input type='text' name='price[]' id='price' class="price" placeholder='Price (£)' onChange="WO()" /></td>
<td><input type='text' name='totalprice[]' id='totalprice' class="price" placeholder='Total Price (£)' /></td>
</tr>
</tbody>
</table>
我正在使用此 javascript 代码将值相加,但这仅适用于不是由代码创建的第一行:
javascript
<script>
function WO() {
var qty = document.getElementById('qty').value;
var price = document.getElementById('price').value;
answer = (Number(qty) * Number(price)).toFixed(2);
document.getElementById('totalprice').value = answer;
}
</script>
我对javascript很陌生,所以我想知道是否有办法将它应用到动态行,但是当我将它们传递给我的php邮件程序时将它们分开。
编辑:我一直在玩代码,我离得到我需要的答案有点近了,但我仍然不知道如何让它给我想要的答案,
function WO() {
for (var i = 0; i < rowCount; i++) {
var qty = document.getElementsByClassName('qty').value;
var price = document.getElementsByClassName('price').value;
var answer = (Number(qty) * Number(price)).toFixed(2);
document.getElementsByClassName('totalprice[' + i + ']').innerHTML = answer;
}
}