Question

我有两个textareas inp1和inp2，我想从这两个文本区域中获取输入，并在同一段落的位置添加Eatch输入，该段落将显示在名为“ disp1”的div上。

我已经能够仅使用一个输入（inp1）文本区域中的一个输入来做到这一点，但是我真的不知道如何同时执行两个操作。

这是我一次输入的工作代码：http://jsfiddle.net/1rsqn8g5/

$('#inp1').on('input', function(e) {
$("#disp1").html("heloo, this is the word you entered:" + $(this).val() + "</br>Thanks");

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<textarea id="inp1" rows="4" cols="50" name="inp1"></textarea></br></br>


<a id="disp1" target="_blank">  </a>

我想将两个文本区域合并到一个输出容器中，例如，我在第一个文本区域中输入单词“ Silicon”，在第二个文本区域中输入单词“ valley”，并得到如下文本：

您输入的词是：硅和谷。

谢谢

Answer 1

const intro = "you entered the words: ";
const outro = "</br>Thanks";
let input1 = '';
let input2 = '';

$('#inp1, #inp2').on('input', function update(e) {
  if (e.currentTarget.id === 'inp1') {
    input1 = e.currentTarget.value;
  } else {
    input2 = e.currentTarget.value;
  }
  $("#disp1").html(intro + '<br>' + input1 + ' and ' + input2 + outro);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<textarea id="inp1" rows="4" cols="50" name="inp1"></textarea></br>
</br>
<textarea id="inp2" rows="4" cols="50" name="inp1"></textarea></br>
</br>


<a id="disp1" target="_blank"> </a>

从2个输入中获取并同时替换

1 个答案: