我正在尝试创建一个页面,用户选择他们想要购买的订阅类型,然后输入他们的信用卡信息或点击“Pay with PayPal”按钮。
到目前为止,我能想到的最好的方法是在用户选择订阅类型的情况下进行单一下拉,然后将两个表格并排(一个用于输入CC信息和另一个只有一个大的PayPal按钮)。我做出了这个决定,所以在一种形式中,我可以发送?paymentType=CreditCard
查询字符串参数,而在另一种形式中,我可以发送?paymentType=Paypal
。这让我不必检查buttonText ==“Next”进程是否为CC,否则重定向到PayPal。
但是,由于订阅控件不是 形式的一部分,我无法访问已选择的类型而不会在两种形式中复制控件(这不提供最好的用户体验)。
有更好的方法吗?
答案 0 :(得分:2)
为什么你需要两种形式?我肯定会选择一种形式。因为即使你有两种形式,他们仍然会做同样的事情;订阅。
你可以有两个这样的单选按钮
<input id="radiobtn-paypal" name="PaymentType" type="radio" value="PayPal" />
<label for="radiobtn-paypal">PayPal</label>
<input id="radiobtn-cc" name="PaymentType" type="radio" value="CC" />
<label for="radiobtn-cc">Credit Card</label>
根据选择,显示信用卡文本框。然后根据用户的选择处理信用卡或根据操作的PayPal选择执行您需要做的事情。毕竟这些是html输入控件的用途。