联系表格7：如何只定位一个提交按钮

Question

我有一份联系表格7表格，在提交时应将用户重定向到适用的页面。我有三个提交按钮，每个按钮都应重定向到不同的页面。我无法弄清楚如何为提交按钮设置不同的重定向。任何人都可以帮忙吗？

这是我的表格：

 <div class="popup-form" style="text-align:center; margin-bottom:0.5rem;">To be able to see the packages, please fill in the below form.</div>

<div class="popup-form">
<label> Name: <span class="required">*</span>
    [text* your-name class:with-border]</label></div>

<div class="popup-form">
<label> Email: <span class="required">*</span>
    [email* your-email class:with-border] </label></div>

<div class="popup-form">
<label> Company: <span class="required">*</span>
    [text* Company class:with-border] </label></div>

<div class="popup-form">
<label> Phone: <span class="required">*</span>
    [tel* Phone class:with-border] </label></div>

[acceptance GDPR class:popup-form] I understand and accept the privacy policy [/acceptance]
<p class="submit-button popup-form"><span class="english">[submit class:english-submit "English"]</span> [submit "Italian"][submit "Spanish"]</p>

这是我的header.php中的重定向代码。目前，无论我点击哪个提交按钮，它都会重定向。

document.addEventListener( 'wpcf7submit', function( event ) {

        if ( '352' == event.detail.contactFormId ) 
        {
            location = 'http://example1.com';
        }
    }, false );

谢谢！

Answer 1

你试着为你的初始标签提供不同的类名吗？这将允许您使用其ID或类名称操作按钮。目前，您为所有标签使用相同的类名。

Answer 2

你不能。 wpcf7submit事件是在提交表单时调用的事件。它可以通过按下按钮，也可以通过按Enter键来实现。

因此，此事件不会直接附加到任何按钮，因此您无法访问该按钮。

解决此问题的一种方法是为按钮单击添加自定义事件处理程序，并设置它们在表单内设置一些隐藏输入的值。这样，该值将与表单数据一起发送。

Answer 3

非常感谢你的帮助。不幸的是，以上都没有为我工作。但是我设法找到一种方法使它工作，我在header.php中添加了这个：

<script>
window.onload=function(){
    var englishSubmit = document.getElementsByClassName("english-submit");
    englishSubmit[0].addEventListener("click", function()
        { 
            window.location.href = "/packages-en/";
        });
    var italianSubmit = document.getElementsByClassName("italian-submit");
    italianSubmit[0].addEventListener("click", function()
        { 
            window.location.href = "/packages-it/";
        });
    var spanishSubmit = document.getElementsByClassName("spanish-submit ");
    spanishSubmit[0].addEventListener("click", function()
        { 
            window.location.href = "/packages-sp/";
        });
}
</script>