0

我有四个会员套餐，每个都有两个付款选项，如 6 个月和 12 个月，但由于法律强制在电子商务期间显示协议，我需要在用户选择持续时间和会员类型后显示协议。在重定向到贝宝之前如何知道选择了哪个包和哪个选项，因为价格将在该协议中。我该如何解决这个问题。

4

1 回答 1

0

我的表单有四个 dorpdown 选择框，每个选择框有两个选项，这些按钮是由 paypal 按钮管理器创建的。然后我为这个过程编写了一个 jquery 代码，如下所示；

<script>
var packageForm,canBeSubmitted = false;
jQuery(function($) {
    $('form').on('submit',function(e){
        if(canBeSubmitted == false){
            packageForm = $(this);
            e.preventDefault();
            var on0 = $(this).find('input[name="on0"]')[0];
            var os0 = $(this).find('select[name="os0"] option:selected')[0];
            var dur = $(os0).val();
            on0 = $(on0).val();
            os0 = $(os0).text();           
            os0 = os0.split(' ');
            $('span.package').text(on0);
            $('span.duration').text(dur);
            $('span.price').text(os0[2]+" "+os0[3]);
            SqueezeBox.setContent( 'adopt', $('#agreement').html());
            SqueezeBox.resize({x: 800, y: 600});
        }
    });
    $('body').on('click','.accept',function(){
        if(packageForm == 'undefined'){
            alert('Select a membership.');
            return false;
        }
        console.log("accepted");
        canBeSubmitted = true;
        SqueezeBox.close();
        if(canBeSubmitted == true){
             $(packageForm).submit();
        }
        return true;
    });
    $('body').on('click','.deny',function(){
         console.log("denied");   
         SqueezeBox.close();
    });
     $('body').on('click','#printAg',function(){
        $(this).siblings('div.inner').addClass('printable');
        console.log("printable");
        $('div.printable').printThis({
                                    debug: true,              
                                    importCSS: true,           
                                    printContainer: true,      
                                    loadCSS: "<?php echo JURI::root(true);?>/components/com_dratransport/assets/css/print.css",
                                    pageTitle: "<?php echo JFactory::getConfig()->sitename; ?>",             
                                    removeInline: false        
                           });
    });
});

表单是包含 paypal 按钮的表单。隐藏的 div 放置在页面中的某处，其中包含包含跨度标签的文本，其中包含要由 jquery 捕获的类以更改内容。

表单被阻止提交。并且在内容/（关于付款的协议文本）随着所选按钮的信息发生变化后，在挤压框中采用div。如果单击接受按钮，则继续提交表单，如果拒绝单击则关闭模态框而不做任何事情。

于 2013-09-16T14:31:34.960 回答