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

时间:2019-04-10 12:24:42

标签: jquery html css wordpress contact-form-7

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

1 个答案:

答案 0 :(得分: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”是我选择的字段的ID。所以我的表单标签看起来像这样:

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