javascript - 如何使用jQuery oninput函数将多个输入字段的值显示到单个输入字段

Question

我想使用 Jqueryon.(input, [...])函数来显示用户在另一个输入字段中键入的内容。

这是我的代码：

$(document).ready(function() {
  $("input.inputtext").on('input', function() {
    var inputtext = $(".inputtext").val();
    $(".showinput").val(inputtext);
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="inputs">
  <input type="text" class="inputtext">
  <div>
    <div class="inputs">
      <input type="text" class="inputtext">
      <div>
        <div class="inputs">
          <input type="text" class="inputtext">
          <div>
            <input type="text" class="showinput">

但是，代码仅显示第一个输入字段的输入文本。

我想我必须使用 afor loop但我不知道如何使用。

标签： javascriptjquery

Answer 1

这将起作用（来自使用“this”的实际字段的值）：

$(document).ready(function(){
  $("input.inputtext").on('input', function (){
  var inputtext= $(this).val();    
  $(".showinput").val(inputtext);
 });
});