2017-01-06 9 views
1

ウェブ全体でこれに対する回答を探していました。私が見つけたものはすべて手助けしていないようです。私はこれも完全に間違っていることを知っています - 私は十分にそれを働かせるためにJSについて知りません。どんな助けもありがとう。お問い合わせフォーム7ドロップダウンの選択に基づいたリダイレクト

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();" 

すべてがフォームwitht正常に動作し、私はちょうどリダイレクトを動作させることはできません。そして、私は、コンソールにエラーが表示されない...おかげ

答えて

0

は、お問い合わせフォーム7はon_sent_okフックを廃止することを心に留めておいてください:

注:メソッドon_sent_okフックを使用してはもはや推奨されます。

document.addEventListener('wpcf7mailsent', function(event) { 
    location = 'https://www.example.com'; 
}, false); 
:この機能は、我々はDOMイベント( https://contactform7.com/dom-events/)とは異なるアプローチを必要とする理由厥2017( https://contactform7.com/redirecting-to-another-url-after-submissions/) 年末までに廃止される予定です

問い合わせフォーム7は、リダイレクトのための例を示します

domリダイレクトとドロップダウンオプションを組み合わせる方法についてもお答えします

関連する問題