Jquery:将文本从textarea追加到html结构

Jquery:将文本从textarea追加到html结构,jquery,textarea,append,Jquery,Textarea,Append,我有一个文本区域作为文本输入。单击submit按钮时,我希望在html帖子结构中引入该文本,并将该帖子(html+文本)作为新帖子/评论附加到列表中 JS: var post=$('.small textarea').val(); $(“#评论提要列表”).append('some text'+post+'end'); 我不能成功地做到这一点 这是一种有效的方法吗 提前感谢。如果在提交时执行此操作,则必须防止实际的提交事件发生 $('#myForm').submit(function(e){

我有一个文本区域作为文本输入。单击submit按钮时,我希望在html帖子结构中引入该文本,并将该帖子(html+文本)作为新帖子/评论附加到列表中

JS:

var post=$('.small textarea').val();
$(“#评论提要列表”).append('some text'+post+'end');
我不能成功地做到这一点

这是一种有效的方法吗


提前感谢。

如果在提交时执行此操作,则必须防止实际的提交事件发生

$('#myForm').submit(function(e){
  e.preventDefault();
  var post= $('.small-textarea').val();
  $("#comment-feed-list").append('<div> some text' + post +  'end</div>');
});
$('#myForm')。提交(函数(e){
e、 预防默认值();
var post=$('.small textarea').val();
$(“#评论提要列表”).append('some text'+post+'end');
});

更常见的情况是阻止提交,然后发送ajax请求在后台更新服务器,然后在成功回调或诸如此类的操作中将数据附加到DOM中

如果您提交表单,假设它是提交给自己的,那么您将丢失DOM更改。这就像是在写,然后擦除。一个需要考虑的问题是“POST”只是暂时的;刷新页面将删除任何“帖子”。可能想把这个想法和某种数据库联系起来。只是一个想法。
$('#myForm').submit(function(e){
  e.preventDefault();
  var post= $('.small-textarea').val();
  $("#comment-feed-list").append('<div> some text' + post +  'end</div>');
});