使用 JavaScript 提交表单时，如何从用户那里获取数量变量？答案

【问题标题】：How can I get quantity variable from user when subnmitting a form using JavaScript?使用 JavaScript 提交表单时，如何从用户那里获取数量变量？
【发布时间】：2021-03-02 10:50:23
【问题描述】：

这是一个 PayPal 订阅计划，与以前的 HTML 表单订阅计划不同，这些只是 JavaScript。

该计划根据订购的数量设置了不同的定价，但 PayPal 没有给您任何让用户提交数量的方法，只是默认数量为 1。我可以在脚本中手动设置数量（如下所示，数量为 4）效果很好，但如果我需要为每个数量使用不同的按钮，那么使用这种按钮是没有意义的。

这是删除了标识符的 PayPal 代码；

<div id="paypal-button-container"></div>
<script src="https://www.paypal.com/sdk/js?client-id=ABCD-ABC_1234ABCD&vault=true&intent=subscription" data-sdk-integration-source="button-factory"></script>
<script>
  paypal.Buttons({
      style: {
          shape: 'rect',
          color: 'gold',
          layout: 'vertical',
          label: 'subscribe'
      },
      createSubscription: function(data, actions) {
        return actions.subscription.create({
          'plan_id': 'P-123456789'
          'quantity': '4'
        });
      },
      onApprove: function(data, actions) {
        alert(data.subscriptionID);
      }
  }).render('#paypal-button-container');
</script>

所以我需要一种方法，让用户在点击订阅按钮之前动态更新实际数量。我认为这可以通过 JS 实现，但我不知道如何。相同的问题已在 PayPal 社区网站上被问过两次，但尚未发布任何答案。

【问题讨论】：

标签： javascript forms paypal paypal-subscriptions

【解决方案1】：

创建一个 HTML 输入或选择允许选择数量的下拉菜单。简单例子：

<span>Qty: </span><input id="myQuantity" type="text" />

....

      createSubscription: function(data, actions) {
        return actions.subscription.create({
          'plan_id': 'P-123456789'
          'quantity': document.getElementById('myQuantity').value
        });
      },

【讨论】：