贝宝表格的多个输入？答案

【问题标题】：Multiple inputs for paypal form?贝宝表格的多个输入？
【发布时间】：2015-01-22 21:01:05
【问题描述】：

我有这个用于支付宝表单的代码。它有 2 个输入：一个文本框和一个选择。代码中包含的任何一个都可以正常工作。当它们都包括在内时，它需要哪一个在底部。有没有办法使它们都有效，并且如果有人同时填写两个输入，它们将被加在一起？

<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="paypal">
<input name="cmd" type="hidden" value="_xclick" /> 
<input name="business" type="hidden" value="RU48JVL7LR94Y" /> 
<input name="item_name" type="hidden" value="Donation" />
<table>
<tr>
<td><strong>Donation of any amount</strong></td>
<td></td>
<td><input maxlength="60" name="amount" size="40" type="text" /></td>
</tr>
<tr>
<td><strong>Send A Kid to Camp</strong></td>
<td></td>
<td><select name="amount">
<option value="0">$0</option>
<option value="250">1 Kid - $250</option>
<option value="500">2 Kids - $500</option>
<option value="750">3 Kids - $750</option>
<option value="1000">4 Kids - $1000</option>
<option value="1250">5 Kids - $1250</option>
<option value="1500">6 Kids - $1500</option>
<option value="1750">7 Kids - $1750</option>
</select></td>
</tr>
<tr>
<td>Comments:</td>
<td></td>
<input type="hidden" name="on3" value="Notes">
<td><textarea name="os3" rows="4" cols="50" placeholder="Notes" wrap></textarea></td>
</tr>
</tbody>
</table>
<input name="currency_code" type="hidden" value="USD" /> <input alt="PayPal - The safer, easier way to pay online!" name="submit" src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" type="image" /> <img src="https://www.paypalobjects.com/WEBSCR-640-20110306-1/en_US/i/scr/pixel.gif" alt="" width="1" height="1" border="0" />

</form>

【问题讨论】：

嗯，当您调用表单输入相同的名称时会发生什么......将其更改为 name="amount1" & name="amount2"

标签： html wordpress forms paypal

【解决方案1】：

可以使用一些客户端脚本。我用过 Jquery。

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>
<script>
$(document).ready(function(){
    $('#submit').click(function(){
        var selected_val = $('#select_val').val();
        var donate_text_box_val = $('#donate_text_box_amount').val();
        var total = (+selected_val) + (+donate_text_box_val);
        $('#final_amount').val(total);
    });

});

</script>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="paypal">
<input name="cmd" type="hidden" value="_xclick" /> 
<input name="business" type="hidden" value="RU48JVL7LR94Y" /> 
<input name="item_name" type="hidden" value="Donation" />
<table>
<tr>
<td><strong>Donation of any amount</strong></td>
<td></td>
<td><input maxlength="60" id="donate_text_box_amount" name="donate_text_box_amount" value="" size="40" type="text" /></td>
<td><input id="final_amount" name="amount" value="" size="40" type="hidden" /></td>
</tr>
<tr>
<td><strong>Send A Kid to Camp</strong></td>
<td></td>
<td><select id="select_val">
<option value="0">$0</option>
<option value="250">1 Kid - $250</option>
<option value="500">2 Kids - $500</option>
<option value="750">3 Kids - $750</option>
<option value="1000">4 Kids - $1000</option>
<option value="1250">5 Kids - $1250</option>
<option value="1500">6 Kids - $1500</option>
<option value="1750">7 Kids - $1750</option>
</select></td>
</tr>
<tr>
<td>Comments:</td>
<td></td>
<input type="hidden" name="on3" value="Notes">
<td><textarea name="os3" rows="4" cols="50" placeholder="Notes" wrap></textarea></td>
</tr>
</tbody>
</table>
<input name="currency_code" type="hidden" value="USD" /> 
<input id="submit" alt="PayPal - The safer, easier way to pay online!" name="submit" src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" type="image" /> 
<img src="https://www.paypalobjects.com/WEBSCR-640-20110306-1/en_US/i/scr/pixel.gif" alt="" width="1" height="1" border="0" />

</form>

基本上，您需要动态填充amount 参数并将其传递给PayPal。

【讨论】：