Question

我创建了3个独立的贝宝按钮。一个用于小型，中型和大型（所有不同的价格）

小型，中型和大型是我网站S，M＆amp;升。

我希望客户选择S，M或L，但这些都是不同的价格，所以我希望“添加到购物车”按钮根据客户选择的内容自动更新。我怎样才能做到这一点。

Answer 1

如果您选择使用jQuery，这可以轻松完成。

首先，在这行中包含jquery：

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

现在使用以下代码。为每个图像指定其大小（小，中或大）的ID，单击该图像时将显示正确的表单。请记住将正确的表单字段粘贴到正确的空格中。

<script>    
    $('#small').click(function(){
        $('.paypalForm').hide();
        $('#smallForm').show();
    });
    $('#medium').click(function(){
        $('.paypalForm').hide();
        $('#mediumForm').show();
    });
    $('#large').click(function(){
        $('.paypalForm').hide();
        $('#largeForm').show();
    });
</script>

<form id="smallForm" class="paypalForm" target="paypal" action="paypal.com/cgi-bin/webscr" method="post">
    ...
</form>


<form id="mediumForm" class="paypalForm" target="paypal" action="paypal.com/cgi-bin/webscr" method="post">
    ...
</form>


<form id="largeForm" class="paypalForm" target="paypal" action="paypal.com/cgi-bin/webscr" method="post">
    ...
</form>

根据所选图像重新加载贝宝按钮源

1 个答案: