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

标签 jquery html css wordpress contact-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"]

关于jquery - 根据在联系表 7 的表单字段中的下拉列表中选择的选项将用户重定向到不同的感谢页面(3 个选项到 3 个感谢页面),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55612508/

相关文章:

css - 有没有办法根据 flex-wrap 状态来设置元素样式?

css - CSS 中类似表格的图像网格(但有一个扭曲)

jquery - jquery中的特定选择

javascript - 如何在两个数字之间的范围内动态创建不同的步长

javascript - JQuery 数据表 : order by data

html - 3 列 div 没有完全居中

css - 具有 2 种颜色的 SVG 条纹

javascript - 使用 javascript 调用 php 函数

html - 如何将 Content DIV 放在 bootstrap carousel 上并使其响应?

javascript - 我想在我的导航中添加一些类(class)