Question

我是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>");                
        });
    });

这会打印出我的变量，但仅限于一秒钟的断裂，它们会消失。任何解释都将受到高度赞赏。谢谢。

Answer 1

<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>");
  });
});

JQuery字符串打印输出消失

1 个答案: