使用表单操作页面加载多个条带检出按钮

Question

所以，让我们说你有这个：

<form id="myForm" action="/service1/2/3.php" method="post">
<input type="text" name="email" placeholder="ENTER YOUR EMAIL HERE"><br>
<input type="button" id="service1" value="Service 1">
<input type="button" id="service2" value="Service 2">
<input type="hidden" id="service3" name="Service 3" />
</form>

然后这是stripe的脚本：

<script
src="https://checkout.stripe.com/checkout.js" class="stripe-button"
data-key="<?php echo $stripe['publishable_key']; ?>"
data-amount="1000"
data-name="Services"
data-description="MyServices"
data-image="https://stripe.com/img/documentation/checkout/marketplace.png"
data-locale="auto"
data-currency="cad"
data-zip-code="true"
data-label = "PAY WITH CARD - $10 CAD">
</script>

如果他们选择选项1，则应收取10美元的费用并转到以下页面：service1.php

如果他们选择选项2，则应收取20美元的费用并转到以下页面： service2.php

.php页面包含服务脚本发生的脚本。

我该怎么做！

对我来说很容易，我不能用JavaScript

Answer 1

我认为在这种情况下，您需要2个（或3个）单独的<form>标记，每个标记都指向action中相应的PHP脚本，每个标记都有自己的Checkout <script>代码。