<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>评论回复页面</title> <meta charset="utf-8" /> <style> #tb { width: 200px; border: 2px solid black; } </style> <script src="Scripts/jquery-1.11.3.js"></script> <script> //文档就绪函数 $(function () { //按钮点击事件 $("#btn1").click(function () { var message = $("<tr><td>" + $("#name").val() + "</td><td>" + $("#txt").val() + "</td></tr>"); $("#tb").append(message); }); }); </script> </head> <body> <!--评论表格--> <table id="tb" rules="all"> <tr> <td> 姓名： </td> <td> 评论： </td> </tr> </table> <!--写回复区--> <table> <tr> <td>用户名：</td> <td> <input id="name" type="text" /> </td> </tr> <tr> <td> 评论： </td> <td> <textarea id="txt"></textarea> </td> </tr> </table> <!--提交按钮--> <input id="btn1" type="button" value="提交" /> </body> </html> 文章来源: HTML-JQuery网页评论回复页面