JQuery 字符串打印输出消失

JQuery string printout disappears

本文关键字：消失 输出 打印 字符串 JQuery      更新时间：2023-09-26

我是JQuery的新手。尝试创建博客页面。当用户输入姓名，国家和评论时，我想将其打印在HTML表单下方。

我正在使用的脚本如下：

<script> 
    $(document).ready(function() {
        $(".addButton").click(function() {
            var name = $("input[name=name]").val();
            var country = $("select[name=countries]").val();
            var comment = $("textarea[name=comment]").val();
            $(".comments").append("<div class='new-comment'>" + name + " (" + country + "):</br>" + comment + "</div>");                
        });
    });

这会打印出我的变量，但只有一秒钟的断裂，它们就会消失。任何解释将不胜感激。谢谢。

<button>标签将提交表单，导致页面重新加载。使用 Event.preventDefault() 停止表单提交。

$(document).ready(function() {
  $(".addButton").click(function(e) {
    e.preventDefault();
    var name = $("input[name=name]").val();
    var country = $("select[name=countries]").val();
    var comment = $("textarea[name=comment]").val();
    $(".comments").append("<div class='new-comment'>" + name + " (" + country + "):</br>" + comment + "</div>");
  });
});
相关文章：