如何在贝宝结帐页面甚至自己的页面上有多个选项答案

【问题标题】：How to have multiple options on paypal checkout page or even on its own page如何在贝宝结帐页面甚至自己的页面上有多个选项
【发布时间】：2015-11-19 16:47:21
【问题描述】：

我的问题是关于在结帐页面上有多个捐款选项。

假设一个非营利组织有多个项目。如果用户想要一次性，它还希望为其用户提供捐赠给不同程序和不同金额的选项。

我该如何实现呢？

这是我尝试过的一个示例，但没有骰子。点击Paypal的捐赠按钮后，我得到的只是最后一个，即“Awesome General Fund”。它甚至没有显示其他选项。

<input type="hidden" name="business"
    value="donations@kcparkfriends.org">

<!-- Specify a Donate button. -->
<input type="hidden" name="cmd" value="_donations">

<!-- Specify details about the contribution -->
<input type="hidden" name="item_name" value="Friends of the Park">
<input type="hidden" name="item_number" value="Fall Cleanup Campaign">
<input type="hidden" name="currency_code" value="USD">

<!-- Specify details about the contribution -->
<input type="hidden" name="item_name" value="General Fund"> 
<input type="hidden" name="item_number" value="General Fund">
<input type="hidden" name="currency_code" value="USD">

<!-- Specify details about the contribution -->
<input type="hidden" name="item_name" value="Different General Fund"> 
<input type="hidden" name="item_number" value="Different General Fund">
<input type="hidden" name="currency_code" value="USD">

<!-- Specify details about the contribution -->
<input type="hidden" name="item_name" value="Awesome General Fund"> 
<input type="hidden" name="item_number" value="Awesome General Fund">
<input type="hidden" name="currency_code" value="USD">


<!-- Display the payment button. -->
<input type="image" name="submit" border="0"
src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif"
alt="PayPal - The safer, easier way to pay online">
<img alt="" border="0" width="1" height="1"
src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" >

【问题讨论】：

标签： html paypal payment-gateway

【解决方案1】：

您不能为多个输入使用相同的“名称”。很可能 PayPal 只会考虑第一个或最后一个。你需要的是一个组合框。像这样的：

<input type="hidden" name="business"     value="donations@kcparkfriends.org">

<!-- Specify a Donate button. -->
<input type="hidden" name="cmd" value="_donations">

<!-- Specify details about the contribution -->
<select name="item_name">
    <option>Friends of the Park</option>
    <option>General Fund</option>
    <option>Different General Fund</option>
</select>
<input type="hidden" name="currency_code" value="USD">

<!-- Display the payment button. -->
<input type="image" name="submit" border="0"
src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif"
alt="PayPal - The safer, easier way to pay online">
<img alt="" border="0" width="1" height="1"     src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" >

(...)

【讨论】：

此外，您的网站中始终可以有 3 个不同的按钮，并让用户在其中进行选择。
嘿，谢谢。是的，我发现你不能有相同的名字。我实际上尝试过item_number_1、item_number_2 等，但无济于事。是的，我知道我可以提供三个不同的按钮。问题不在于。问题是允许用户一次选择多个程序，并在他们选择时为每个程序输入不同的数量。这就是我正在努力实现的目标......如果可能的话。
这是可能的，但是当用户从组合框中选择不同的产品时，您将需要一些 Javascript 来更改某些“输入”的值。一般来说，这个问题与 PayPal 无关。

【解决方案2】：

另一个简单的可能性：

<!DOCTYPE html>
<html>
<body>

<p>Select a new car from the list.</p>

<select id="mySelect" onchange="myFunction()">
  <option value="1">product1
  <option value="2">product2
  <option value="3">product3
</select>


<div id="pay1">paypal button code for product 1</div>
<div id="pay2" style="visibility :hidden">paypal button code for product     2</div>
<div id="pay3" style="visibility :hidden">paypal button code for product 3</div>

<script>
function myFunction() {
    var selectedProduct = document.getElementById('mySelect').value;

    if(selectedProduct == 1)
    {
        document.getElementById("pay1").style.visibility = "visible";
        document.getElementById("pay2").style.visibility = "hidden";
        document.getElementById("pay3").style.visibility = "hidden";
    }
    else if(selectedProduct == 2)
    {
        document.getElementById("pay1").style.visibility = "hidden";
        document.getElementById("pay2").style.visibility = "visible";
        document.getElementById("pay3").style.visibility = "hidden";
    }
    else if(selectedProduct == 3)
    {
        document.getElementById("pay1").style.visibility = "hidden";
        document.getElementById("pay2").style.visibility = "hidden";
        document.getElementById("pay3").style.visibility = "visible";
    }
}
</script>

</body>
</html>

在此解决方案中，选择更改时显示 1 个按钮并隐藏其他按钮。

甚至另一种解决方案：与上面的代码类似，使用 javascript 您可以在选择更改时更改表单的任何输入的值。

无论如何，您的问题与 HTML 和 JS 基础知识有关，而不是 PayPal。

【讨论】：