首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

js动态生成动态留言,给小弟我代码,送分阿

2013-06-26 
js动态生成动态留言,给我代码,送分阿。做一个留言模块, UI设计,不用后台,文本框输入,提交,JS调用,显示留言。

js动态生成动态留言,给我代码,送分阿。
做一个留言模块, UI设计,不用后台,文本框输入,提交,JS调用,显示留言。
[解决办法]

<div class="showbox"></div>
请输入留言:
<div class="inbox">
<textarea name="" rows="" cols="" style="width:200px;height:100px;"></textarea>
<button class="sub">提交留言</button>
</div>


<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script language="javascript" type="text/javascript">
var replyStr = "您的留言已收到";
$("textarea").val("");
$(".sub").click(function(){
if($("textarea").val()){
$(".showbox").append("<div style='border:1px solid grey;width:300px;height:50px;'>"+$("textarea").val()+"</div><div style='border:1px solid grey;width:300px;height:50px;'>"+replyStr+"</div>");
$("textarea").val("");
}
});

</script>

需要引入JQuery

热点排行
Bad Request.