使用Javascript访问包含Javascript代码的HTML元素的值

时间:2019-03-16 14:06:12

标签: javascript html

我想访问其中包含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 ) &amp;&amp; sst > 0 ) result.value--;updatetotal(<?php echo $i ?>);return false;" class="reduced items-count" type="button"><i class="lnr lnr-chevron-down"></i></button>

(为了使代码简明扼要,我省略了多余的代码。如果您需要更多信息,可以使用它)

0 个答案:

没有答案