来自变量的 PayPal 值答案

【问题标题】：PayPal value from variable来自变量的 PayPal 值
【发布时间】：2017-08-21 16:05:57
【问题描述】：

我想要做的是将 PayPal 按钮的“值”属性设置为我从 JavaScript 文件中读取的变量。

<input type="hidden" name="custom" value="VARIABLE HERE">

当我尝试添加这样的代码时它不起作用：

<input type="hidden" name="custom" value="<script>code here</script>">

这是我尝试过的：

<script type="text/javascript">
    function getPaypalPrice() {
        var finalPrice = getUrlVar()["totalprice"] * basePrice;
        return finalPrice;
    }
</script>

然后是支付宝按钮

<input type="hidden" name="amount" id="paypalPrice" value="   <script>document.getElementById('paypalPrice').value = getPaypalPrice();</script>">

即使有人在之前的主题中提出了这样的建议，这也不起作用。还有其他解决办法吗？

【问题讨论】：

请提供一个问题或答案的链接，该问题或答案告诉您将脚本放在 html 元素值的双引号内。
很奇怪；我在任何地方都找不到这个话题……甚至从我的历史中也找不到。它使用
stackoverflow.com/questions/7764154/… 这个解决方案也不适合我
向我们展示您的代码。
将其编辑到我的原始帖子

标签： javascript html paypal

【解决方案1】：

不要在<input> 中放置任何JavaScript 或脚本标签。这意味着在你的 HTML 中你有：

<input type="hidden" name="amount" id="paypalPrice" value="0">

然后在您的 JavaScript 中（在 <script> 标记或单独的 JS 文件中）您可以从其 ID 引用该输入。另请注意，JavaScript 应在页面的底部加载，以便在 JavaScript 代码运行之前，#paypalPrice 元素已加载到浏览器中。

function getPaypalPrice() {
  console.log(getUrlVar().totalprice);  // check this has a value?
  return finalPrice = getUrlVar().totalprice * basePrice;
}

var paypalPriceElement = document.getElementById('paypalPrice');
paypalPriceElement.value = getPaypalPrice();

正如我评论的那样，请检查您的 getUrlVar()['totalprice'] 实际上是否返回了一个值，因为它可能是异步的并导致您出现其他问题。

【讨论】：