在提交之前预览联系表 7 条目

Question

我正在使用联系表格 7 构建多步骤申请表，在提交表格之前，我需要添加之前填写的所有字段的预览/摘要。 我找不到可以做到这一点的插件，所以我想添加一个 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);
});