当前位置: 代码迷 >> JavaScript >> js动态生成动态留言,给小弟我代码,送分阿
  详细解决方案

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

热度:32   发布时间:2013-06-26 14:29:32.0
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
  相关解决方案