如何将三个输入框内容合并至单个textarea？附现有代码

数据老陈

2026-8-9

问题修正方案

你的代码存在语法和逻辑问题，以下是修正后的版本：

问题说明

JavaScript变量名不能以数字开头，var 1这类写法属于语法错误，会导致代码无法运行
<textarea>是表单元素，需通过value属性设置内容，而非innerHTML
用数字作为id/name可读性差，建议替换为语义化名称，便于后续维护

修正后的代码

HTML部分

<div class="col-md-4">
  <label>名字</label>
  <input class="form-control" name="firstName" id="firstNameInput" type="text" oninput="setFullName()">
</div>
<div class="col-md-4">
  <label>中间名</label>
  <input class="form-control" name="middleName" id="middleNameInput" type="text" oninput="setFullName()">
</div>
<div class="col-md-4">
  <label>姓氏</label>
  <input class="form-control" name="lastName" id="lastNameInput" type="text" oninput="setFullName()">
</div>
<label>完整姓名</label>
<textarea class="form-control" id="fullNameTextarea" name="fullName" readonly></textarea>

JavaScript部分

function setFullName() {
  var firstName = document.getElementById('firstNameInput').value;
  var middleName = document.getElementById('middleNameInput').value;
  var lastName = document.getElementById('lastNameInput').value;

  document.getElementById('fullNameTextarea').value = "S/O : " + firstName + ", " + middleName + ", " + lastName;
}