如何在wordpress中成功提交后清除所有表单域

Question

我在表单中使用联系form7 dropdowm字段，当我成功提交表单时，除了选择框字段外，所有其他表单字段都被重置。它表示我在表单提交之前从选择列表中选择了该选项。

选择框代码：[select * state id：regState class：required-entry class：validate-select class：selectpicker class：show-menu-arrow first_as_label＆＃34; States＆＃34; ＆＃34;阿拉斯加＆＃34; ＆＃34;亚利桑那＆＃34; ＆＃34;阿肯色＆＃34; ＆＃34;加州＆＃34; ＆＃34;科罗拉多＆＃34; ＆＃34;康涅狄格＆＃34;]

我也尝试了基于jquery的表单重置它无法正常工作。

代码：jQuery（＆＃34; .wpcf7-form＆＃34;）[0] .reset（）;

请我帮忙解决这个问题。

Answer 1

您可以使用 jquery 或 javascript 来完成此操作。在页脚文件中添加代码。

jquery

$("#myform").trigger('reset'); 

的Javascript

document.getElementById("myform").reset();

Answer 2

您可以尝试他们的DOM事件https://contactform7.com/dom-events/

wpcf7Elm.addEventListener( 'wpcf7mailsent', function( event ) {

    jQuery ( 'form.wpcf7form' )[0].reset();

}, false );

或者

wpcf7Elm.addEventListener( 'wpcf7mailsent', function( event ) {

    jQuery ( 'form.wpcf7form' ). trigger ( 'reset' );

}, false );