jQuery最简单的留言功能^-^
jQuery 简单 功能 留言
2023-09-14 08:57:42 时间
先上代码:
原理:在网页中提交的内容是把表单里面的值提取出来,然后显示到下面的指定div中
<!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+":"+secon
var obj=("<li>昵称:"+name+" 内容:"+info+" 日期"+riqi+"</li><br/>");
$("#ul1:last").append(obj);
})
})
</script>
</head>
<body>
<div id="menu">
<p>昵称:<input type="text" id="name"></p>
<p>内容:<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>
原理:在网页中提交的内容是把表单里面的值提取出来,然后显示到下面的指定div中
相关文章
- jquery中的$()是什么_js简单特效
- Jquery实现图片放大两种方式
- jQuery 自动补全详解编程语言
- jQuery 获取DOM节点的两种方式详解编程语言
- 基于jquery的文字向上跑动详解编程语言
- 基于JQuery的一个简单的鼠标跟随提示效果
- jquery判断checkbox(复选框)是否被选中的代码
- jQuery.ajax用户登录验证代码
- Jquery中getJSON在asp.net中的使用说明
- jquery封装的对话框简单实现
- JQuery操作三大控件(下拉,单选,复选)的方法
- JQuery之focus函数使用介绍
- Jquery例外被抛出且未被接住原因介绍
- 封装的jquery翻页滚动(示例代码)
- jQuery事件的命名空间简单了解
- jquery如何通过name名称获取当前name的value值
- jquery的ajax简单结构示例代码
- jquery做的一个简单的屏幕锁定提示框
- 使用jQuery简单实现模拟浏览器搜索功能
- 分享2个jQuery插件--jquery.fileupload与artdialog
- JQuery做的一个简单的点灯游戏分享
- jquery实现点击页面计算点击次数