码迷,mamicode.com
首页 > Web开发 > 详细

php 练习题-留言板

时间:2016-06-24 08:10:25      阅读:281      评论:0      收藏:0      [点我收藏+]

标签:

题目:输入内容,留言显示

 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)

php 练习题-留言板

标签:

原文地址:http://www.cnblogs.com/koker/p/5610513.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!