Jquery 提交前显示表单元素值的摘要

将jquery formtowizard.js与ajax提交一起使用。我希望表单的最后一步显示已填写的所有表单字段的摘要。我可以让它在独立的测试用例中工作，但不能完全使用。 形式

我无法获取显示在span CFName中的值。。。这可能与serialize函数或我的$ajax submit函数有关吗？它发生在提交之前。。。请帮忙

很抱歉，我已经反复使用CFName作为span和输入，分别使用.val和.html

尝试：$'CFName'。text$this.val

.val方法主要用于获取表单元素的值 例如输入、选择和文本区域

您应该使用.text，否则请尝试此代码

---

演示：

没有尝试。文本-太累了，忽略了它而选择了.val和.html，谢谢！。在大多数情况下，文本的工作原理应该与.html相同，因此如果您尝试了.html，但没有成功，那么.val可能不是真正的问题。您尝试过loganphp的答案吗？他的JSFIDLE似乎工作得很好。让您的JSFIDLE工作，无法让他使用从其他输入填充的mutliple span。在一个相关的问题上，您如何将最终格式设置为这样的名字：输入值我尝试了$'Email'。keyupfunction{$'CEmail'。text'Email'+$this.val；}；你是说多个表单元素？？

<form id="Commission" method="post" action="PHP/CommissionsSubmit.php">
    <fieldset id="Initial">
        <legend>Enter Your Information</legend>
        <ul>
            <li>
                <label for="FName">First Name*</label><input type="text" name="FName" id="FName">
            </li>
         //repeat many li's
        </ul>
    </fieldset>
    <fieldset>
    <legend>Second Step</legend>
    //more li's
    </fieldset>
    <fieldset>
    <legend>Confirmation</legend>
    <span id="CFName"></span>
    </fieldset>
</form>

$('#FName').keyup(function() {
   $('#CFName').val($(this).val());
});

$("#FName").keyup(function(){
                $('#CFName').html($('#Commission').serialize());
    });