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

Question

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

小号、中号和大号是我网站 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>