根据在联系表 7 的表单字段中的下拉列表中选择的选项将用户重定向到不同的感谢页面（3 个选项到 3 个感谢页面）

Question

我的表单中有一个下拉字段。我希望用户在提交表单时被重定向到不同的感谢页面。重定向应基于在下拉表单字段中选择的选项。

Answer 1

试一试。它对我有用。 :)

document.addEventListener( 'wpcf7submit', function( event ) {
if ( '111' == event.detail.contactFormId ) {

  var lpLocation =  document.getElementById("lp-location").value;

  if (lpLocation == "choice1") {
    location = 'http://example.com/';
  } else if (lpLocation == "choice2") {
    location = 'http://google.com/';
  }

}
}, false )

第二行，111为表单ID。我有多种形式，只需要这个来处理其中一种。

在下一行，“lp-location”是我的 select 字段的 ID。所以我的表单标签看起来像这样：

 [select* location id:lp-location include_blank "choice1" "choice2"]

根据在联系表 7 的表单字段中的下拉列表中选择的选项将用户重定向到不同的感谢页面（3 个选项到 3 个感谢页面）

Redirect user to different thank-you pages based on choice selected in dropdown in form fields of contact form 7 (3 choices to 3 thank-you pages)

html

css

wordpress

jquery

contact-form-7