JS留言功能的简单实现案例(推荐)
JS留言功能的简单实现案例(推荐)
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>无标题文档</title>
<scriptsrc="jquery-1.11.2.min.js"></script>//接入jquery包
</head>
<body>
<divid="nr">
</div>
<div>
内容：<textareaid="txt"></textarea>
<br/>
<inputtype="button"value="提交"id="btn"/>
</div>
</body>
<scripttype="text/javascript">
//给提交按钮加入点击事件
$(document).ready(function(e){
//找到ID=btn的按钮加入一个click事件
$("#btn").click(function(){
//首先要找到文本域里面的值
varnt=$("#txt").val();//取出用户在文本域里面输入的valuer值并且交给一个变量nt
varstr=nt+"<br>";//在用户输入的内容后面追加换行
//把拼接好的字符串（nt+"<br>"）扔到最上方ID为nr的DIV里面去
$("#nr").append(str);
})
});
</script>
</html>
以上就是小编为大家带来的JS留言功能的简单实现案例(推荐)全部内容了，希望大家多多支持毛票票~