jQuery实现评论的添加

最新推荐文章于 2023-08-02 10:59:49 发布

冷眸丶杵

最新推荐文章于 2023-08-02 10:59:49 发布

阅读量2.3k

点赞数

分类专栏： jQuery 文章标签： jQuery 评论添加

本文链接：https://blog.csdn.net/LY9457/article/details/80841045

版权

jQuery 专栏收录该内容

11 篇文章 1 订阅

订阅专栏

本文用内部追加的方式添加评论：

代码如下：

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>评论</title>
    <script src="Script/jquery-1.3.1.js"></script>
    <script>
        //文档就绪函数
        $(function () {
            //添加评论
            $("#btn1").click(function () {
                //判断是否为空
                if ($("#txtName").val() == "" || $("#txtCom").val() == "") {
                    alert("昵称和评论不能为空！");
                    return true;
                }
                //将输入的 昵称 评论 追加到id为olid中
                $("#olid").append("<li>昵称为“" + $("#txtName").val() + "“的用户说了”" + $("#txtCom").val() + "</li>");
            });
        });
    </script>
</head>
<body>
    <h3>留言版信息</h3>
    <ol id="olid">
        <li id="tr1">昵称为“安妮”的用户说了“那个……你看见过我的小熊吗？”</li>
    </ol>
    <br />
    昵称：<input id="txtName" type="text" name="name" value="" />
    <br />
    评论：<textarea id="txtCom"></textarea>
    <br />
    <input id="btn1" type="button" name="name" value="评论" />
</body>
</html>

效果如图：