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

Question

我使用联系表格7来构建多步骤申请表格，在提交表格之前，我需要添加之前填写的所有字段的预览/摘要。 我找不到可以执行此操作的插件，因此我想添加一个JavaScript函数，将表单字段的值保存到变量并将其显示在div上，并对我使用过的所有字段重复该过程。 / p>

我有两个问题：

• 这是处理这个问题的正确方法吗？或者你可以提出别的建议吗？

• 我使用以下代码获取带有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)来引用当前对象。您还有＃34; JQuery＆＃34;的拼写错误，请注意大小写。

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