html - 根据所选图像重新加载 Paypal 按钮源

Question

我创建了 3 个单独的 Paypal 按钮。小中大各一个(价格不一)

小、中、大是我网站S、M、L上的图片。

我希望客户选择 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>