JS留言功能的简单实现案例(推荐)
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="jquery-1.11.2.min.js"></script>//接入jquery包
</head>
<body>
<div id="nr">
</div>
<div>
内容：<textarea id="txt"></textarea>
<br />
<input type="button" value="提交" id="btn" />
</div>
</body>
<script type="text/javascript">
//给提交按钮加入点击事件
$(document).ready(function(e) {
//找到ID=btn的按钮加入一个click事件
$("#btn").click(function(){
//首先要找到文本域里面的值
var nt = $("#txt").val();//取出用户在文本域里面输入的valuer值并且交给一个变量nt
var str = nt+"<br>";//在用户输入的内容后面追加换行
//把拼接好的字符串（nt+"<br>"）扔到最上方ID为nr的DIV里面去
$("#nr").append(str);
})
});
</script>
</html>
以上就是小编为大家带来的JS留言功能的简单实现案例(推荐)全部内容了，希望大家多多支持北冥有鱼编程技术建站教程~
您可能感兴趣的文章:
- JS实现留言板功能
- js使用DOM操作实现简单留言板的方法
- js 实现的可折叠留言板(附源码下载)
- JavaScript 轻松搞定快捷留言功能 只需一行代码
- JavaScript编制留言簿程序代码
- 本人ajax留言板的源程序 不错的应用js
- 百度留言本js 大家可以参考下
- JS实现留言板功能[楼层效果展示]
- javascript发表评论或者留言时的展开效果
- JavaScript简单实现的仿微博留言功能示例