jquery - jquery入力値へ

Question

これは何度も尋ねられたと思いますが、ここやグーグルで私のニーズに合った答えが本当に見つかりません。

入力テキストフィールドを持つフォームを取得しました。<p>送信後にこの値が表示されるようにします。そのように、キーアップなしで送信しますが、送信します

$(document).ready(function(){
     $("input").keyup(function () {
         var value = $(this).val();
         $("p").text(value);
         })

})

HTMLは

<body>
<form>
<input type="text" value="" size=20 id="write"/>
</form>
<p> </p>
</body>

知っている人はいますか？

前もって感謝します

score 0 · Accepted Answer

送信イベントにバインドする必要があります。また、関連するform、input、およびp要素にidを追加することをお勧めします。したがって、次のような結果になる可能性があります。

$('#form_id').submit( function(event) {
    event.preventDefault();
    $('#p_id').text($('#input_id').val());
});

そして改訂されたHTML：

<body>
<form id="form_id">
<input id="input_id" type="text" value="" size=20 id="write"/>
</form>
<p id="p_id"></p>
</body>

score 0 · Accepted Answer

このhtmlで

<form id="formId" onsubmit="submitHandler()">
    <input id="inputId" type="text" value="" size=20 />
</form>
<p id="pId"></p>

あなたはこのようにすることができます

function submitHandler() {
    $('#pId').html($('#inputId').val());
    return false; //if you don't want it to be processed any further
}

2 に答える 2