我想通过1个选择框选择2个paypal按钮。
我有最低格式代码:
//表格
<form id="form1" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<select name="select1" id="select1">
<option id="option1" value="1">Button1</option>
<option id="option2" value="2">Button2</option>
</select>
<input type="image" src="images/purchase_button.png" border="0" name="submit" alt="PayPal — The safer, easier way to pay online." />
<img alt="" border="0" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="1" height="1" />
</form>
然后在运行时jquery将完成剩下的工作:
$('#select1').change(function () {
if ($('option:selected', this).val() == 1) {
$('#button1').remove(); //clean up
$('#button2').remove(); //clean up
$('#form1').append('<input type="hidden" name="hosted_button_id" value="button1-code-here" id="button1" />');
} else {
$('#button1').remove(); //clean up
$('#button2').remove(); //clean up
$('#form1').append('<input type="hidden" name="hosted_button_id" value="button2-code-here" id="button2" />');
}
});
我的问题是,有时当我选择选项1按钮时,它会提交按钮2.
当您转到PayPal支付页面时,paypal是否会保存Cookie?
每次什么时候不能顺利运作?
答案 0 :(得分:2)
您的代码需要一些优化。制作它们,它将按预期工作。
首先使用1按钮,不需要额外的按钮,因为您只需要更改值。使用一个按钮,您的整个代码可以用这些简单的行写出来。
$('#select1').change(function () {
if ($('option:selected', this).val() == 1) {
$("#button1").val("button-1-code");
} else {
$("#button1").val("button-2-code");
}
});
并回答你的隔离问题:
我的问题是,有时当我选择选项1按钮时,它会提交按钮2。
以上解决了这个问题
当您转到PayPal支付页面时,paypal是否会保存Cookie?
有时候,你不能依赖它来开发你的代码
每次什么时候都不顺利?
以上解决方案将再次完成
答案 1 :(得分:1)
您也可以按照以下方式使用它,
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(function()
{
$('#select1').on('change',(function ()
{
var id = $(this).text();
var value = $(this).val();
$('#button1').remove();
$('#button2').remove();
$('#form1').append('<input type="hidden" name="hosted_button_id" value="'+id+'-code-here" id="'+id+'" />');
});
});
</script>