在提交之前预览 Contact form 7 条目

Question

我正在使用 Contact Form 7 构建多步骤申请表，在提交表单之前，我需要添加 preview/summary 之前填写的所有字段。我找不到可以做到这一点的插件，所以我想添加一个 JavaScript 函数，将表单字段的值保存到一个变量并将其显示在 div 上，然后为所有重复该过程我用过的字段。

我有两个问题:

这是处理该问题的正确方法吗？或者您能提出其他建议吗？
我使用以下代码获取 ID 为#companyname 的 cf7 文本字段的值，并将该值放入 ID 为#div1 的 div 但是不工作。

如何获取表单字段的值并将其显示在保存表单的另一个 div 上？

jQuery( '#companyname' ).on( 'blur' , function(){
    var company_name = JQuery('#companyname').val();
    jQuery('#div1').text = company_name;
});

提前致谢！！！

Answer 1

text() 方法使用不当（它需要一个参数，而不是赋值）。您还可以使用 jQuery(this) 来引用当前对象。 "JQuery" 也有打字错误，请注意大小写。

jQuery('#companyname').on('blur', function() {
    var company_name = jQuery(this).val();
    jQuery('#div1').text(company_name);
});

在提交之前预览 Contact form 7 条目

Preview Contact form 7 entry before it's submitted

wordpress

jquery

contact-form-7