联系表格7 - 根据下拉选择将页面重定向到特定URL

时间:2014-08-03 20:42:03

标签: javascript forms pdf contact contact-form-7

我已经阅读了几个关于此主题的论坛,但未能获得任何适用于我的修复。这部分是由于我不熟悉JS并且可能无法理解建议的某些值。

我的表单需要在提交时打开PDF,但哪个PDF将由其中一个下拉选项确定。

表格在这里:http://www.hinesbending.com/production/index.php/request-info-form/

下拉列表是下载文档。

点击发送后,我希望该页面在可能的情况下在新窗口中打开PDF,并仍然在“您的邮件已成功发送。谢谢。”

的表单下显示该消息。

如果无法做到这一点,只需重定向到适当的PDF即可。

有人能告诉我怎么做吗?

2 个答案:

答案 0 :(得分:1)

这些对我有用:

on_sent_ok: "var Iso = $("select[name=your-selection-name]").val() ; 
if(Iso == 'your-value-1' ){ 
   location = 'your-website1-url'; 
} 
if(Iso == 'your-value-2' ){ 
   location = 'your-website2-url'; 
} 
if(Iso == 'your-value-3' ){ 
   location = 'your-website3-url'; 
}"

只需替换your-selection-nameyour-valuesyour-websites

即可

答案 1 :(得分:1)

问题是变老了,联系表格7将取消on_sent_ok钩子:

  

注意:不再推荐使用on_sent_ok钩子的方法。该功能计划于2017年底废除。(https://contactform7.com/redirecting-to-another-url-after-submissions/

这就是为什么我们需要采用不同的方法来处理 DOM事件https://contactform7.com/dom-events/

联系表格7提供了重定向的示例:

document.addEventListener( 'wpcf7mailsent', function( event ) {
    location = 'https://www.example.com';
}, false );

我也会对如何将dom重定向与下拉选项

结合起来感兴趣