html - 選択した画像に応じてペイパルボタンのソースをリロードします

Question

3つの別々のペイパルボタンを作成しました。小、中、大用に1つ（すべて異なる価格）

小、中、大は私のウェブサイト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>