WordPress 聯系表格 7 - 用於下拉選擇的不同重定向頁面

Question

我需要你的幫助。 由於復選框選擇，我想重定向到特定頁面。 表單已正確傳輸，但提交后未重定向到相應頁面。 我已將 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>

聯系表格 7

前端

Answer 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>