时间戳

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

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

问题描述

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

标签： jqueryhtmlcsswordpresscontact-form-7

解决方案

试试这个。它对我有用。:)

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”是我的选择字段的 ID。所以我的表单标签看起来像这样：

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

推荐阅读