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

Question

我目前有一张接受可变金额付款的捐款表格。 我已将 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="">

任何帮助将不胜感激。

Answer 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="">