为什么它只显示第一个输入？

Question

function showInput() {

  document.getElementById('display').innerHTML =

    document.getElementById("user_input").value;

  document.getElementById("user_input1").value;

  document.getElementById("user_input12").value;

  document.getElementById("user_input123").value;

  document.getElementById("user_input1234").value;

}

<form>

  <label><b>Enter a Message</b></label>

  <input type="text" name="message" id="user_input">

  <input type="text" name="message" id="user_input1">

  <input type="text" name="message" id="user_input12">

  <input type="text" name="message" id="user_input123">

  <input type="text" name="message" id="user_input1234">

</form>

<input type="submit" onclick="showInput();"><br/>

<label>Your input: </label>

<p><textarea id='display'></textarea></p>

我希望这段代码显示所有输入，但它只显示第一个。我能做些什么来解决这个问题。

Answer 1

你需要使用+而不是;function showInput() {&nbsp; &nbsp;document.getElementById('display').innerHTML =&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;document.getElementById("user_input").value +&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;document.getElementById("user_input1").value +&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;document.getElementById("user_input12").value +&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;document.getElementById("user_input123").value +&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;document.getElementById("user_input1234").value;&nbsp;}