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() {
   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; 
}

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

1 个答案: