JQuery选择多个paypal按钮

时间:2013-02-26 09:46:19

标签: jquery

我想通过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?

每次什么时候不能顺利运作?

2 个答案:

答案 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>