3

我正在尝试学习如何一起使用表单和 jQuery。

我正在尝试将文本输入文本表单并将其附加或插入到另一个元素中

我创建了一个 jsFiddle：http: //jsfiddle.net/B9weu/5/

出于某种原因，我使用 .val() 检索到的文本在它附加到的元素中出现了片刻，然后消失了。为什么是这样？

通过简单地使用 .val() 作为 .submit() 事件中的处理程序，我在使用表单方面是否走在正确的道路上？

编码：

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