天天看點

無重新整理動态加載評論

<!DOCTYPE html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title></title>

    <script src="JS/jquery-1.7.min.js"></script>

    <script>

        $(function () {

            $("#submit").click(function () {

                var tital = $("#txttital").val();

                var txtarea = $("#txtarea").val();

//建立元素的時候不要寫成var context = $("#<tr><td>" + tital + "</td></tr><br/><tr><td>" + txtarea + "</td></tr>");(#的差別)

                var context = $("<tr><td>" + tital + "</td></tr><br/><tr><td>" + txtarea + "</td></tr>");

                $("#tablecontext").append(context);

                $("#txttital").val("");

                $("#txtarea").val("");

            })

        });

    </script>

</head>

<body>

    <p>你可以開始評論了</p>

    <table id="tablecontext">

        <tr><td>匿名</td><td>沙發</td></tr>

    </table>

    <input type="button" id="btntital"value="tital" />

    <input type="text" id="txttital"/>

    <textarea id="txtarea"></textarea>

    <input type="button" id="submit" value="送出"/>

</body>

</html>

繼續閱讀