jquery - 如何在 Jquery 中使用循环在另一个输入中显示输入值？

Question

单击按钮后我有多个输入字段，输入的所有值显示在另一个输入字段中。从#blank1 到blank8 的输入ID

$('#blank1').change(function () {
  let n1 = $(this).val();
  let text2 = $(this).val();
  text2 = $('#fillall').val();
  let sp = ' ';
  $('#fillall').val(text2+'{='+n1+sp+'}');
});
                   
$('#blank2').change(function () {
  let n1 = $(this).val();
  let text2 = $(this).val();
  let text3 = $(this).val();
  let text4 = $(this).val();
  let sp = ' ';
  text2 = $('#fillall').val().replace('}','');
  text3 = $('#fillall').val(text2+'='+n1+sp+'}').replace('}','');
  $('#fillall').val(text3);
});

标签： jqueryloops

Answer 1

我正在努力理解你的代码片段，但我不能。

所以这里是您的问题的答案，同时忽略您的代码片段：

$(".copy").on("click", function() {
  let value = "";
  
  $(".copy-me").each(function() {
    value += $(this).val();
  });
  
  $(".output").val(value);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form>
  <input type="text" class="copy-me">
  <br>
  <input type="text" class="copy-me">
  <br>
  <input type="text" class="copy-me">
  <br>
  <input type="text" class="copy-me">
  <br>
  <input type="text" class="copy-me">
  <br>
  <input type="text" class="copy-me">
  <br>
  <input type="text" class="copy-me">
  <br>
  <input type="text" class="copy-me">
  <br>
</form>

Output: <input type="text" class="output">
  <br>
  <br>

<button class="copy">Copy all Inputs!</button>