做一个留言模块, 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