Wordpress联系人表格7根据下拉菜单中的条目将用户重定向到特定页面

Question

我正在尝试创建一个联系表，根据用户在下拉菜单中的输入将其发送到新的“隐藏”页面。

我的联系表格如下所示：

I'm interested in:
[select subject id:subject "Construction" "Professional Services" "Financial Services" "Wholesale" "IT & Telecom" "Industry" "Transport & Logistics"]

Leave your e-mail address to unlock more information about your preferred subject:
[email* your-email]

[submit "Send"]

我要表单要做的是，当用户选择“构建”时，输入其电子邮件地址并提交表单，他将被定向到“ www.example.com/construction/”，其他选项也一样在下拉菜单中，都带有自己的网址。

提前致谢！

Answer 1

成功提交后，您可以将不同的值重定向到不同的URL。

例：

<script>
jQuery(document).ready(function($){
    $(".wpcf7").on( 'mailsent.wpcf7', function(){
        var redirect_to = $(this).find('#subject').val();  // Enter your drop-down id
        if( typeof(redirect_to)!=='undefined' && redirect_to!='' ){
            window.location.href= redirect_to;
        }
    });
});
</script>

Answer 2

下面的代码逻辑将使您接近。 您可能需要将其拆开一点并进行重构，但是无论如何这将帮助您更好地理解它。 这是现场演示 。 祝你好运！

  <form onSubmit="return checkAnswer();">
  <input id="answer" type="text" maxlength="55" class="box" autofocus />
  <input type="submit" class="submit" value="SUBMIT" />
  </form>
  <script>
  function checkAnswer(){
      var response = document.getElementById('answer').value;
      if (response == "correctanswer")
          location = 'http://www.correcturl.com';
      else
          location = 'http://www.wrongurl.com';
      return false;
  }
  </script>