将金额值添加到表单输入值

Posted 2023-02-22

【中文标题】将金额值添加到表单输入值

【英文标题】：Adding amount value to a form input value

【发布时间】：2018-08-30 02:13:43

【问题描述】：

我目前有一张接受可变金额付款的捐款表格。 我已将 Stripe 作为一种付款方式加入，现在想加入 PayPal。

为了将捐赠金额传递给 Stripe，我使用这种方法，因为表单是 javascript 格式

var amount = document.querySelector('.total-box > span').innerText;

我还像这样向用户显示总金额：

<span class="total-box"><span></span></span>

我需要知道如何将上述var amount 或span class 添加到PayPal 按钮上此隐藏输入字段的金额值中：

<input type="hidden" name="amount" value="">

任何帮助将不胜感激。

【问题讨论】：

我建议使用标准的 .textContent 而不是有点奇怪的 IE .innerText。

【参考方案1】：

在输入元素上使用点符号hidden.value

var amount = document.querySelector('.total-box > span').innerText;
var hidden = document.querySelector("input[name='amount']");

hidden.value = amount;
console.log("Value of hidden input:", hidden.value);

<span class="total-box"><span>3</span></span>
<input type="hidden" name="amount" value="">

【讨论】：

这似乎行得通。感谢你能这么快回复。我遇到的唯一问题是价值不适合 PayPal。我相信它需要能够在多个地方使用或可更新。在我的表单中，用户可以添加 PayPal 费用，并且在控制台日志中它只在页面加载时显示一次，并且不会更新附加费用。这是一个 JSfiddle jsfiddle.net/daugaard47/3x3bv3j6/49