如何在java脚本中打印文本区域中的频繁输入？

Question

我在jsp页面中有两个textareas，在第一个textarea值中输入的值应经常使用jQuery显示在下一个文本区域中。

这是我到目前为止尝试过的代码

function getMsg() 
{ 
    document.getElementById("chatBox").value =
        document.getElementById("messageBox").v‌​alue;

    document.getElementById("messageBox").value=""; }' 
}

Answer 1

在jquery中，您可以尝试以下

$("#textAreaOne").keyup(function() {
    $("#textAreaTwo").val($("#textAreaOne").val());
});

更新：

从您的评论中可以看出，您希望将文字附加到第二个文本区域，您必须创建一个用户点击以触发您的活动的按钮

创建一个按钮，例如

<button id="chatButton">Chat</button> 

然后连接按钮onclick事件以执行追加功能，例如

$("#chatButton").click(function() {
    $("#textAreaTwo").val($("#textAreaTwo").val() + "\n\n" + $("textAreaOne").val());
});

Answer 2

这是你期待的吗？

$(document).ready(function () {
  $('#firsttext_area').keyup(function () { 
    $("#sectext_area").val( $('#firsttext_area').val());
  });
});

的 Demo in fiddle

Answer 3

$(function() {                                       
    $("#test1").keyup(function() {                  
        $('#test2').val(this.value);                  
    });
});

Answer 4

这就是我的问题的确切答案。我试过这个，它正在工作。

    <script>
    var tempMsg;
    function getValue()
    {
        var userMsg="Me: "+document.getElementById("messageBox").value;
        var chatMsg=document.getElementById("chatBox");
        tempMsg=chatMsg.innerHTML+=userMsg+"\n\n";
    }
    </script>

Answer 5

您可以通过事件onChange实现此目的。