Question

一直在网上寻找答案。我发现的一切似乎都没有帮助。我知道这也是完全错误的 - 我对JS的了解不足以让它发挥作用。任何帮助将不胜感激。

Contact Form7下拉列表中的4个选项（在wp站点上）。根据所选的选项，重定向到相应的PayPal支付页面。

这是JS添加到WP中的页面。

function paypalRedirect() {

        if (document.getElementsByName("eventPackage")[0].selected) {
            location.href = 'http://www.test1.com';}
        if (document.getElementsByName("eventPackage")[1].selected) {
            location.href = 'http://www.test2.com';}
        if (document.getElementsByName("eventPackage")[2].selected) {
            location.href = 'http://www.test3.com';}
        if (document.getElementsByName("eventPackage")[3].selected) {
            location.href = 'http://www.test4.com';}   
    };

以下是联系表格7中的附加设置：

on_sent_ok: "paypalRedirect();"

表格上的一切正常，我无法让重定向工作。我在控制台中看不到任何错误......谢谢

Answer 1

请记住，联系表格7将取消on_sent_ok挂钩：

注意：不再推荐使用on_sent_ok钩子的方法。该功能计划于2017年底废除。（https://contactform7.com/redirecting-to-another-url-after-submissions/）这就是为什么我们需要一个不同的DOM事件方法（https://contactform7.com/dom-events/）

联系表格7提供了重定向的示例：

document.addEventListener( 'wpcf7mailsent', function( event ) {
    location = 'https://www.example.com';
}, false );

我也会对如何将dom重定向与下拉选项

结合起来感兴趣

根据下拉选择联系表单7重定向

1 个答案: