Question

我的代码效果很好。当我在输入1中输入所有内容时，输出文本会显示在textarea中，但不同之处在于每个SPACE都会包含一个昏迷,表示SPACE将被昏迷,取代。这没关系。

现在我想输入输入2中的所有内容，输入2的输入文本将被添加到textarea中，但不会删除之前的文本并添加新文本。

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
     $("#t1").keyup(function() {
         $('#textarea').val($(this).val().replace(/\ /g,','));
        });
    });
</script>
</head>
<body>

<p>Input 1:
<input type="text" id="t1"/></p>

<p>Input 2:
<input type="text" id="t2"/></p>

<p>Textarea:</p>
<textarea cols="20" rows="5" id="textarea"></textarea>

</body>
</html>

Answer 1

您可以将输入1中的先前文本保存在一个变量中，并使用输入2中的文本进行连接，然后使用 val（）方法将其粘贴到Textarea中。

Answer 2

我假设你之前的文字是指输入1，然后试试这个：

 $("#t2").keyup(function() {
      var t1 = $('#t1').val();
      var t2 = $(this).val().replace(/\ /g,',');
      $('#textarea').val(t1 + t2);
 });

Answer 3

我从你的答案中得到了印象。以下代码运行良好，输出就是我想要的。

这是代码原则和标准吗？

 $("#t1, #t2").keyup(function() {
      var t1 = $('#t1').val().replace(/\ /g,',');
      var t2 = $('#t2').val().replace(/\ /g,',');
      $('#textarea').val(t1 + t2);
 });

在Textarea中获取2个输入的值

3 个答案: