我想访问其中包含Javascript的HTML元素的原始输出。
HTML 元素(它在循环当前购物车中的产品的PHP循环中运行):
<h5 id="price-<?php echo $i ?>">US$ <script>var price = <?php echo $product['price'] ?>; document.write(price);</script></h5>
稍后在代码中,我有一个在更改数量时运行的函数。
Javascript函数可以正确读取和打印数量,但不能正确读取价格(要输出 pricet 时,返回“未定义”)。
function updatetotal(i){
var qty = document.getElementById(i).value;
var pricet = document.getElementById('price-'+i).value;
document.getElementById('sub-'+i).innerHTML = '$ '+pricet; //Testing purposes
}
以下是显示输出的代码行(该脚本仅用于加载页面加载时的初始项目总数)(请注意,这是在循环当前购物车中的产品的PHP循环中,即PHP变量 i 是购物车中商品的编号):-
<h5 id="sub-<?php echo $i ?>">US$ <script>var qty = document.getElementById('<?php echo $i ?>').value; var sub_price = price * qty; total_price += sub_price; document.write(sub_price)</script></h5>
在增加/减少项目数量的这两个按钮的单击事件内部调用该功能:-
<input type="text" name="<?php echo $i ?>" id="<?php echo $i ?>" maxlength="12" value="<?php echo $qty[$i] ?>" title="Quantity" class="input-text qty"/>
<button onclick="var result = document.getElementById('<?php echo $i ?>'); var sst = result.value; if( !isNaN( sst )) result.value++;updatetotal(<?php echo $i ?>);return false;" class="increase items-count" type="button"><i class="lnr lnr-chevron-up"></i></button>
<button onclick="var result = document.getElementById('<?php echo $i ?>'); var sst = result.value; if( !isNaN( sst ) && sst > 0 ) result.value--;updatetotal(<?php echo $i ?>);return false;" class="reduced items-count" type="button"><i class="lnr lnr-chevron-down"></i></button>
(为了使代码简明扼要,我省略了多余的代码。如果您需要更多信息,可以使用它)