使用带有ajax提交的jquery formtowizard.js。我希望表单的最后一步显示已填写的所有表单字段的摘要。我可以让它在孤立的测试用例中工作,但不能完全使用。 表格
<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>
获取“#CFName”值的jquery
$('#FName').keyup(function() {
$('#CFName').val($(this).val());
});
我无法将值显示在范围“#CFName”中...这可能与“序列化”功能或我的$ ajax提交功能正在进行的任何事情有关吗?它在提交之前发生......请帮助!
我道歉,但我已经来回使用“#CFName”作为跨度和输入,分别使用.val和.html
答案 0 :(得分:3)
尝试:$('#CFName').text($(this).val());
.val()方法主要用于获取表单元素的值 例如input,select和textarea。
您应该使用.text()
否则
答案 1 :(得分:2)
试用此代码
$("#FName").keyup(function(){
$('#CFName').html($('#Commission').serialize());
});