Question

这是HTML代码：

<body>
  <form>
    <input id="input" type="text" name="input" value="Enter Here">
    <input type="submit" value="Submit">
  </form>
  <div id="display">
  </div>
</body>

这是JavaScript：

input = document.getElementById("input");
if (input.value == "Hello") {
  display.innerHTML = "Hello";
} else {
  display.innerHTML = "Type";
}

当我通过单击输入字段并键入“ Hello ”更改输入值时，它不会在 display.innerHTML <中显示“ Hello ” / strong>即可。当输入字段中输入“ Hello ”时，我希望它显示“ Hello ”。那是很多“ Hello ”的！任何帮助都会很棒！提前谢谢。

Answer 1

只有在输入字段中输入任何内容之后，您的javascript代码才会执行一次。

您需要为输入字段设置change处理程序或为表单设置submit处理程序并设置display.innerHTML。

另外，你错过了display = document.getElementById("display");吗？

Answer 2

var input = document.getElementById("input"),
  display=document.getElementById("display");
input.oninput=function(){
  if (input.value === "Hello") {
  display.innerHTML = "Hello";
} else {
  display.innerHTML = "Type";
}
};

    <input id="input" type="text" name="input" value="Enter Here">
  <div id="display">
  </div>

Answer 3

如果您想使用按钮提交文本框的值（输入类型文本字段），请使用onclick事件，如下所示：

＆＃13;

function displayData() {
  var div_display = document.getElementById('display');
  /* This is your input, but you shoud use another Id for your fields. */
  var textValue = document.getElementById('input').value;
  

  /* Change the inner HTML of your div. */
  div_display.innerHTML = textValue;
}

＆＃13;

<input id="input" type="text" name="input" value="Enter Here" />
<input type="submit" value="Submit" onclick="displayData();" />

<div id="display">
</div>

＆＃13;

希望它有所帮助。

根据输入值更改innerHTML

3 个答案: