當(dāng)前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

jQuery最简单的留言功能^-^

發(fā)布時間：2023/12/3 编程问答 30 豆豆

生活随笔收集整理的這篇文章主要介紹了 jQuery最简单的留言功能^-^ 小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

先上代碼： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><title>留言功能</title><script type="text/javascript" src="js/jquery-1.8.3.js"></script><style type="text/css"></style><script type="text/javascript">$(function(){$("#tijiao").click(function(){var name=$("#name").val();var info=$(".infos").val();var date=new Date();var year=date.getFullYear();var month=date.getMonth()+1;var day=date.getDate();var hour=date.getHours();var min=date.getMinutes();var secon=date.getSeconds();var riqi=year+"-"+month+"-"+day+" "+hour+":"+min+":"+seconvar obj=("<li>昵稱："+name+" 內(nèi)容："+info+" 日期"+riqi+"</li><br/>");$("#ul1:last").append(obj);})})</script> </head> <body><div id="menu"><p>昵稱：<input type="text" id="name"></p><p>內(nèi)容：<textarea value="在這留言" style="width: 200px; height: 200px" class="infos">在這留言</textarea></p><p><input type="button" value="提交" id="tijiao"></p><p><h1>所有留言</h1></p><ul id="ul1"></ul></div> </body> </html>
?? 原理：在網(wǎng)頁中提交的內(nèi)容是把表單里面的值提取出來，然后顯示到下面的指定div中

總結(jié)

以上是生活随笔為你收集整理的jQuery最简单的留言功能^-^的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。