2012-12-05 170 views
1

要么我搜索错误,要么我根本找不到答案。将文本从一个字段追加到另一个字段?

我想使用JSP制作一个简单的聊天应用程序。我想从一个字段(输入)获取文本并将其附加到大文本区域(输出),然后清除文本字段(输入)并刷新页面。每个条目应该在它自己的行上。

从Java来看,这看起来很混乱,我已经花了很长一段时间来尝试解决它。请问你能帮帮我吗?

<html> 
    <head> 
     <script> 
      function send() { 

      } 
     </script> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
     <title>Simple Chat</title> 
    </head> 
    <body> 
     <h1>Simple Chat</h1> 
     <textarea rows="30" cols="100" name="output">Welcome to the Chat!</textarea> 
     <form name="input"> 
      <input type="text" name="input"> 
      <input type="button" name="sendBtn" value="Send" onClick="send()"> 
      <input type="button" name="refreshBtn" value="Refresh" onClick="location.href='chat.jsp'"> 
     </form> 
    </body> 
</html> 
+0

我张贴的答案。那是你需要的吗? – user10

回答

1
<!DOCTYPE html> 
<html> 
    <head> 
     <script src="http://code.jquery.com/jquery-1.8.1.min.js"></script> 
     <script> 
      function send() 
      { 
       $("#txtArea").append("\n" + $("#txt").val()); 
       $("#txt").val(""); 
      } 
     </script> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
     <title>Simple Chat</title> 
    </head> 
    <body> 
     <h1>Simple Chat</h1> 
     <textarea id="txtArea" rows="30" cols="100" name="output">Welcome to the Chat!</textarea> 
     <div name="input"> 
      <input id="txt" type="text" name="input"> 
      <input type="button" name="sendBtn" value="Send" onClick="send()"> 
      <input type="button" name="refreshBtn" value="Refresh" onClick="location.href='chat.jsp'"> 
     </div> 
    </body> 
</html> 
+0

这不工作?分享您的评论。 – user10

+0

似乎工作耶。 – OmniOwl

相关问题