在提交之前顯示錶單元素值的摘要

使用jquery formtowizard.js和ajax提交。我希望表單的最後一步顯示填寫的所有表單字段的摘要。我可以讓它在單獨的測試用例中工作，但不能完全使用。形式在提交之前顯示錶單元素值的摘要

<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>

jQuery的獲得「#CFName」值

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

我不能出現在跨度「#CFName」的價值......難道這都與「序列化」功能或任何與我的$ ajax提交功能？它發生之前提交...請幫助！

我很抱歉，但我來回走了與「#CFName」是一個跨度和輸入，使用.VAL和.html分別

來源

2012-06-01 Dirty Bird Design

嘗試：$('#CFName').text($(this).val());

的.VAL （）方法主要用於獲取表單元素的值，如input，select和textarea。

您應該使用.text()否則

來源

2012-06-01 04:35:28 barro32

沒有嘗試的.text - 累和有利於.VAL忽視它和.html，謝謝！ –

.text在大多數情況下應該與.html相同，因此如果您嘗試使用.html並且它不起作用，那麼.val可能不是真正的問題。 – barro32

你試過loganphp的回答嗎？他的jsfiddle似乎工作得很好。 – barro32

試試這個代碼

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

演示：http://jsfiddle.net/KG7cN/

來源

2012-06-01 04:39:17 LoganPHP

這將與多個實例一起工作嗎？ –

你是指多個表單元素？ – LoganPHP

是的，在多個實例中執行的相同原理 –

在提交之前顯示錶單元素值的摘要

回答

相關問題