javascript - 提交时将表单输入文本附加到 div

Question

目前我只是想将他们的评论发布到评论 div，commentsbox1。

HTML:

 <form id="commentform" name="commentform" onsubmit="submitComment();">
    <input id="commenttext" type="text" placeholder="Leave a comment..." name="commenttext">
    <input type="submit" style="position: absolute; left: -9999px"> <!-- submit by pressing enter -->
 </form>

Javascript:

function submitComment(){
    var commenttext = $('#commenttext').val();
    $('#commentsbox1').append(commenttext);
};

目前它似乎什么也没做。它说该功能也未使用。

Answer 1

试试这个:

 <form id="commentform" name="commentform" onsubmit="submitComment(event);">

在函数中:

    function submitComment(e){
         e.preventDefault();
         var commenttext = $('#commenttext').val();
         $('#commentsbox1').append(commenttext);
    };

这将阻止页面刷新。