Question

要么我错了，要么我找不到答案。

我想使用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>

Answer 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>

将文本从一个字段附加到另一个字段？

1 个答案: