3

フォームと jQuery を一緒に使用する方法を学ぼうとしています。

テキストフォームに入力されたテキストを取得し、それを別の要素に追加または挿入しようとしています

jsFiddle を作成しました: http://jsfiddle.net/B9weu/5/

何らかの理由で、.val() を使用して取得したテキストが、追加先の要素に一瞬表示された後、消えます。どうしてこれなの？

.submit() イベントのハンドラーとして .val() を使用するだけでフォームを利用することに関して、私は正しい道を進んでいますか?

コード：

    <form id="target">
   <div>
    <textarea id="blogentry" name="d" rows="8" cols="40">4</textarea>
  </div>
  <div>
    <input type="submit" name="g" value="Submit" id="g" />
  </div>
</form>

<script>
$('#target').submit(function() {
  var blogtext = $('#blogentry').val();
  $('#printbodytexthere').append('<p>' + blogtext + '</p>');
});
</script>

<div id="printbodytexthere">
</div>
4

1 に答える 1

2

フォームを送信しています (ページの更新)

USE:event.preventDefault();デフォルトの送信動作を防ぐため

$('#target').submit(function( e ) {
    e.preventDefault();
  var blogtext = $('#blogentry').val();
  $('#printbodytexthere').append('<p>' + blogtext + '</p>');
});

ドキュメント: http://api.jquery.com/event.preventDefault/

于 2012-12-23T09:24:40.250 に答える