做一个留言模块, UI设计,不用后台,文本框输入,提交,JS调用,显示留言。

解决方案 »

  1.   

    <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