Php 在提交联系人表单7表单后显示div

我希望在成功提交表单后显示包含一些详细信息的div。我正在使用联系人表单7插件。。请帮我做这件事。

我找到了解决办法

`<script type="text/javascript">
  document.addEventListener( 'wpcf7mailsent', function( event ) {
      if ( '33' == event.detail.contactFormId ) { // if you want to identify the form
          var hid = document.getElementsByClassName("exp");
    // Emulates jQuery $(element).is(':hidden');
    if(hid[0].offsetWidth > 0 && hid[0].offsetHeight > 0) {
        hid[0].style.visibility = "visible";
    }
      }
  }, true );
</script>`

`
document.addEventListener（'wpcf7mailsent'，函数（事件）{
if（'33'==event.detail.contactFormId）{//如果要标识表单
var hid=document.getElementsByClassName（“exp”）；
//模拟jQuery$（元素）.is（':hidden'）；
如果（hid[0]。偏移网络宽度>0&&hid[0]。偏移网络宽度>0）{
hid[0]。style.visibility=“可见”；
}
}
}，对）；
`

---

这里33是我的表单id，exp是我的div类

您好，您可以使用联系表单7 DOM事件查看此链接

下面是提交表单后调用警报的示例

var wpcf7Elm = document.querySelector( '.wpcf7' );

wpcf7Elm.addEventListener( 'wpcf7submit', function( event ) {
    alert( "Fire!" );
}, false );

您还可以在提交后追加或放置div，如下面的代码所示， 在下面的代码中，您必须用所需的div id替换#yourDivId

var wpcf7Elm = document.querySelector( '.wpcf7' );

var div = '';
div += '<div class="custom_detail_div">'; 
div += ' .... your details here .....  '; 
div += '</div">'; 

wpcf7Elm.addEventListener( 'wpcf7submit', function( event ) {
   jQuery('#yourDivId').html(div);
}, false );

var wpcf7Elm=document.querySelector（'.wpcf7'）；
var div=''；
div+=''；
div+='。。。。你的细节在这里；
div+=“这对你有帮助吗？