WordPress 联系表 7 - 用于下拉选择的不同重定向页面答案

【问题标题】：WordPress Contact Form 7 - different redirect pages for drop-down selectionWordPress 联系表 7 - 用于下拉选择的不同重定向页面
【发布时间】：2021-06-21 19:31:28
【问题描述】：

我需要你的帮助。由于复选框选择，我想重定向到特定页面。表单已正确传输，但提交后未重定向到相应页面。我已将 Javascript 代码直接输入到 Contactform 7 中。（见图 1）您能帮帮我吗？

Contactform 7 简码和 Javascript：

[checkbox Auswahl id:eauswahl use_label_element default:0 "50€" "100€" "200€" "500€"]

<script>
document.addEventListener( 'wpcf7mailsent', function( event )  {
    if ( '2539' == event.detail.contactFormId ) {

     var aAuswahl =  document.getElementById("eauswahl").value;

        if (aAuswahl == "50€") {
        location = 'http://localhost/dwp/danke1/';
      } if else (aAuswahl == "100€") {
        location = 'http://localhost/dwp/danke2/';
      } if else (aAuswahl == "200€") {
        location = 'http://localhost/dwp/danke3/';
      } if else (aAuswahl == "500€") {
        location = 'http://localhost/dwp/danke4/';
      }
    }
}, false )
</script>

Contact Form 7

Frontend

【问题讨论】：

标签： wordpress contact-form-7

【解决方案1】：

这段代码对我有用。我把它放在functions.php文件中。

   <script type="text/javascript">
   document.addEventListener( 'wpcf7mailsent', function( event ) {
   console.log(event.detail);   
   if ( '2028' == event.detail.contactFormId ) { 
        console.log(event.detail.inputs[5].value);
        if (event.detail.inputs[5].value == '2021') {
           location = 'https://example.com/wp- 
           content/uploads/Brochure-2021.pdf';
        }
        if (event.detail.inputs[5].value == '2020') {
           location = 'https://example.com/wp- 
           content/uploads/Brochure-2020.pdf';
        }
    } 
   }, false );
   </script>

【讨论】：