在PayPal第三方购物车中给下拉菜单赋值

Question

我正在尝试在第三方网站上实现PayPal购物车。首先要求客户从下拉菜单中选择产品("product")，然后可选地在文本字段中输入特定金额("Additional Costs")。这两个值最终都应该在提交时发送给PayPal。

虽然两个文本字段都很好，其中amount_1和amount_2是明确定义的，但我努力为下拉的选项分配不同的值(/数量，例如10.00和5.00)，并使所选选项的值为我的值amount_1。下面是我到目前为止弄清楚的代码:

<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
  <input type="hidden" name="cmd" value="_cart">
  <input type="hidden" name="business" value="[e-mail]">
  <input type="hidden" name="upload" value="1">
  <input type="hidden" name="item_name_1" value="Product">
  <input type="hidden" name="on0_1" value="Product">
  <select name="os0_1">
    <option value="product1">Product 1</option>
    <option value="product2">Product 2</option>
  </select>
  <input type="hidden" name="item_name_2" value="Additional Costs">
  <input type="text" name="amount_2" value="0.00">GBP
  <br>
  <br>
  <input type="hidden" name="currency_code" value="GBP">
  <input type="image" src="http://www.paypal.com/en_US/i/btn/x-click-but01.gif" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
</form>

option_select和option_amount似乎不适用于这种形式。任何帮助将非常感激!

Answer 1

我假设这是用于选择产品的选择框amount_1:

<select name="os0_1">
    <option value="product1">Product 1</option>
    <option value="product2">Product 2</option>
</select>

你需要做的是:

<input type="hidden" name="item_name_1" value="Product" id="item_name_1">
<select name="amount_1" onchange="changeProductName()" id="amount_1">
    <option value="5.00">Product that is a fiver</option>
    <option value="10.00">Product that is a tenner</option>
</select>
<script>
    function changeProductName() {
        var e = document.getElementById('amount_1');
        var h = document.getElementById('item_name_1');
        h.value = e.options[e.selectedIndex].text;
    }
</script>

将item_name_1更改为价格选项的友好值