想要在单个文本区域中复制 3 个输入类型值答案

【问题标题】：Wants to copy 3 input type value in single text area想要在单个文本区域中复制 3 个输入类型值
【发布时间】：2022-12-05 18:52:51
【问题描述】：

假设用户名是 Rakesh Kumar Yadav，当他在 3 个部分中键入名称时，我需要在单文本区域中打印值。我正在使用此代码我的英语不好..但我认为你能够理解我的问题。

function setaddress() {
  var 1 = document.getElementById('1').value;
  var 2 = document.getElementById('2').value;
  var 3 = document.getElementById('3').value;

  document.getElementById('4').innerHTML = "S/O : " + 1 + ", " + 2 + ", " + 3;
}

<div class="col-md-4">
  <label>First Name</label>
  <input class="form-control" name="1" id="1" type="text" oninput="setaddress()">
</div>
<div class="col-md-4">
  <label>Middle Name</label>
  <input class="form-control" name="2" id="2" type="text" oninput="setaddress()">
</div>
<div class="col-md-4">
  <label>Last Name</label>
  <input class="form-control" name="3" id="3" type="text"  oninput="setaddress()">
</div>
<label>Complete Name</label>
<textarea class="form-control" id="4" name="4" type="text" readonly></textarea>

【问题讨论】：

SyntaxError: missing variable name你在你的代码中纠正了这个错误吗？正如 0stone0 如此准确地建议：使用数字字符作为 id 或变量是不可取的，变量的第一个字符应该是字母或下划线（a-z 或 _）。

标签： javascript html bootstrap-4

【解决方案1】：

Avoid starting an id with an Integer
避免使用整数作为变量名，"S/O : " + 1JS怎么知道1是一个变量，而不是数字一？

函数没有被调用，我添加了一个带有onClick的按钮

function setaddress() {
  var a = document.getElementById('a').value;
  var b = document.getElementById('b').value;
  var c = document.getElementById('c').value;

  document.getElementById('x').innerHTML = "S/O : " + a + ", " + b + ", " + c;
}

<div class="col-md-4">
  <label>First Name</label>
  <input class="form-control" name="1" id="a" type="text">
</div>
<div class="col-md-4">
  <label>Middle Name</label>
  <input class="form-control" name="2" id="b" type="text">
</div>
<div class="col-md-4">
  <label>Last Name</label>
  <input class="form-control" name="3" id="c" type="text">
</div>
<label>Complete Name</label>
<textarea class="form-control" id="x" name="4" type="text" readonly></textarea>

<br />
<button onclick='setaddress()'>Update</button>

【讨论】：