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留言功能的简单实现案例(推荐)全部内容了，希望大家多多支持毛票票~
热门推荐
10 诗词送行祝福语大全简短
11 新房开工吉日祝福语简短
12 50多岁生日简短祝福语
13 安徽疫情祝福语简短英语
14 农民朋友发财祝福语简短
15 对生活祝福语简短精辟
16 搬家词简短祝福语朋友
17 女神结婚快乐祝福语简短
18 文学短句祝福语大全简短