如何在wordpress中成功提交后清除所有表单字段
我正在表单中使用contact form7 dropdowm字段,当我成功提交表单时,除选择框字段外,所有其他表单字段都将重置。在提交表单之前,从选择列表中选择选项将显示我的身份 选择框代码:[选择*州id:regState类:必需输入类:验证选择类:选择器类:首先显示菜单箭头\u作为标签“州”“阿拉斯加州”“亚利桑那州”“阿肯色州”“加利福尼亚州”“科罗拉多州”“康涅狄格州”] 我还尝试了基于jquery的表单重置,但它不起作用 代码:jQuery(“.wpcf7表单”)[0].reset()如何在wordpress中成功提交后清除所有表单字段,wordpress,forms,select,dropdown,contact-form-7,Wordpress,Forms,Select,Dropdown,Contact Form 7,我正在表单中使用contact form7 dropdowm字段,当我成功提交表单时,除选择框字段外,所有其他表单字段都将重置。在提交表单之前,从选择列表中选择选项将显示我的身份 选择框代码:[选择*州id:regState类:必需输入类:验证选择类:选择器类:首先显示菜单箭头\u作为标签“州”“阿拉斯加州”“亚利桑那州”“阿肯色州”“加利福尼亚州”“科罗拉多州”“康涅狄格州”] 我还尝试了基于jquery的表单重置,但它不起作用 代码:jQuery(“.wpcf7表单”)[0].reset()
请帮我解决这个问题。你可以用jquery或javascript来解决。在页脚文件中添加代码 jquery
$("#myform").trigger('reset');
Javascript
document.getElementById("myform").reset();
您可以尝试他们的DOM事件 或
您需要使用您的id,并在表单提交后调用此。希望这有意义。
wpcf7Elm.addEventListener( 'wpcf7mailsent', function( event ) {
jQuery ( 'form.wpcf7form' )[0].reset();
}, false );
wpcf7Elm.addEventListener( 'wpcf7mailsent', function( event ) {
jQuery ( 'form.wpcf7form' ). trigger ( 'reset' );
}, false );