2

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>

「#CFName」値を取得する jquery

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

スパン「#CFName」に表示される値を取得できません...これは、「シリアル化」関数または $ajax 送信関数で起こっていることと関係があるのでしょうか? 提出前に起こっている...助けてください！

申し訳ありませんが、「#CFName」がスパンと入力であり、それぞれ .val と .html を使用して行ったり来たりしました

4

2 に答える 2

3

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

.val() メソッドは主に、input、select、textarea などのフォーム要素の値を取得するために使用されます。

.text()それ以外の場合は使用する必要があります

于 2012-06-01T04:35:28.397 に答える
2

このコードを試してください

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

デモ: http://jsfiddle.net/KG7cN/

于 2012-06-01T04:39:17.900 に答える