在付款按钮上添加自己的金额

Question

有谁知道如何在付款按钮中插入自定义金额。供应商 (Payfast) 不仅允许客户输入自己的金额的付款链接，还必须在链接中指定金额。

这里是链接：

<a href=”https://www.payfast.co.za/eng/process?cmd=_paynow&receiver=support%40payfast.co.za&?item_name=Black+Eye+Boxing+Gloves&amount=129.99″>

我想将 129.99 的金额替换为客户在点击链接之前输入字段的金额。这可能吗？唯一的其他途径似乎是严重破解复杂的电子商务插件，如 woocommerce + 说出你的价格......我相信有一个简单、优雅的解决方案......

Answer 1

默认情况下，将标签中的 href 属性留空并给它一个 id

<input type='text' name='payment' onblur="add_value(this.value);">
<a id='pay_button'>Pay</a>
<script type='text/javascript'>
function add_value(value)
{
var url = 'https://www.payfast.co.za/eng/process?md=_paynow&receiver=support%40payfast.co.za&?item_name=Black+Eye+Boxing+Gloves&amount='+value;
var elem = document.getElementById('pay_button');
elem.setAttribute("href", url);
}
</script>