jquery - Jquery：将文本从 textarea 附加到 html 结构

Question

我有一个 textarea 作为文本的输入。单击提交按钮时，我希望在 html 帖子结构中引入该文本，并将该帖子（html + 文本）作为新帖子/评论附加到列表中。

JS：

var post= $('.small-textarea').val();
$("#comment-feed-list").append('<div> some text' + post +  'end</div>');

我无法成功地做到这一点。

这是一种有效的方法吗？

提前致谢。

Answer 1

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

$('#myForm').submit(function(e){
  e.preventDefault();
  var post= $('.small-textarea').val();
  $("#comment-feed-list").append('<div> some text' + post +  'end</div>');
});

更常见的情况是阻止提交，然后发送 ajax 请求以在幕后更新服务器，然后在成功回调或诸如此类的情况下将数据附加到 DOM。