题目：输入内容，留言显示
1 <script src="../jquery-3.0.0.js"></script>//需要连接自身的jquery包//注意jquery包一定要能用 我的这个就无法运行
2 </head>
3
4 <body>
5 <div id="nr">
6 </div>
7 <div>
8 内容<textarea id="txt"></textarea>
9 <br/>
10 <input type="text" value="提交" id="tj"/>
11 </div>
12
13 </body>
14 <script type="text/javascript">
15 $( document).ready(function(e) {
16 //根据id找到按钮 给它添加一个事件
17 $("#tj").click(function() {
18 //取出txt中的value值
19 var nr = $("#txt") .val();
20 //换行
21 var str = nr+"<br>";
22 //将造好的字符串直接放到div中 将内容依次追加上 并用append追加
23 $("#nr").append(str);
24 })
25 });
26 </script>
27 </html>
结果图
在内容框中输入内容并提交他就回在上面的div中依次显示
留言板
北宋小康康（koker-6k）
时间： 2024-08-01 22:45:36