javascript - 联系表 7 基于下拉选择的重定向

Question

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

Contact Form7(在 wp 网站上)的下拉列表中有 4 个选项。根据选择的选项，重定向到相应的 PayPal 付款页面。

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

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

请记住，Contact Form 7 将废除 on_sent_ok Hook :

Note: The method using on_sent_ok hook is no longer recommended. This function is scheduled to be abolished by the end of 2017. (https://contactform7.com/redirecting-to-another-url-after-submissions/) Thats why we need a different approach with DOM events (https://contactform7.com/dom-events/)

联系表 7 给出了重定向示例:

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

我也对如何将 dom 重定向与下拉选项结合起来感兴趣