使用javascript替换表单中的文本

我有一个表单，它有几个字段。第一个字段称为subject。我想做的是禁用用户在字段中键入的功能，但它仍然显示，并且他们在其他三个字段中输入的文本在第一个字段中的变量之间显示为空格。示例：在这个场景中：“第二个字段：John”“第三个字段：Doe”“第四个字段：New part”，然后在第一个字段的主题上，它将显示：John Doe New part

---

谢谢您的帮助。

您可以尝试以下方法：

<!-- HTML -->
<input type="text" id="subject" disabled="disabled">
<input type="text" id="field1">
<input type="text" id="field2">
<input type="text" id="field3">

// JavaScript
var fields = [];
for (var i = 1; i <= 3; i++) {
    fields.push(document.getElementById("field" + i).value);
}
document.getElementById("subject").value = fields.join(" ");

//JavaScript
var字段=[]；
对于（var i=1；i尝试以下方法：

<script>
function UpdateText()
{
  document.getElementById("subject").value =document.getElementById("Field1").value + " " +   document.getElementById("Field2").value + " " + document.getElementById("Field3").value;
}
</script>

<input type="text" id="subject" disabled="disabled"/>
<input type="text" id="Field1" onchange="UpdateText()";/>
<input type="text" id="Field2" onchange="UpdateText()";/>
<input type="text" id="Field3" onchange="UpdateText()";/>


函数UpdateText（）
{
document.getElementById（“主题”）.value=document.getElementById（“字段1”）.value+“”+document.getElementById（“字段2”）.value+“”+document.getElementById（“字段3”）.value；
}
HTML：

<form>
<p><input id="subject" name="subject" disabled size="60"></p>
<p><input id="Second_Field" class="part">
   <input id="Third_Field" class="part">
   <input id="Fourth_Field" class="part"></p>
</form>






​

JavaScript:

var updateSubject = function() {
  var outArray = [];
  for (var i=0;i<parts.length;i++) {
      if (parts[i].value !== '' ) {
        outArray.push(parts[i].value);
      }
  }
  document.getElementById('subject').value = outArray.join(' ');
};
var parts = document.getElementsByClassName('part');
for (var i=0;i<parts.length;i++) {
  parts[i].onkeydown = updateSubject;
}

var updateSubject=function（）{
var outArray=[]；
对于（var i=0；iAgreed），您需要显示一些您尝试过但不起作用的代码，以及您对如何使其起作用的解释。