Question

我有以下脚本：

  function showstatus()
  {
  var inputbedtwo = document.getElementById("bedtwostatus");
  var inputliving = document.getElementById("livingstatus");
  var inputkitchen = document.getElementById("kitchenstatus");
  if(inputbedtwo.innerHTML == "A"){
    document.getElementById("statustop").innerHTML = "Danger";
  }
  else if(inputliving.innerHTML == "A"){
    document.getElementById("statustop").innerHTML = "Danger";
  }
  else if(inputkitchen.innerHTML == "A"){
    document.getElementById("statustop").innerHTML = "Danger";
  }
  else{
    document.getElementById("statustop").innerHTML = "Normal";}
  }

问题在于它只在<span id="statustop"></span>

中输出普通文本

当状态变为“A”时，它不会输出危险。

我希望在状态为“A”时输出危险。

感谢。

Answer 1

我认为你错过了一个改变事件。

<input id="bedtwo" type="text" name="" value="">

<span id="statustop"></span>

<script type="text/javascript">
  var inputbedtwo = document.getElementById("bedtwo");

  inputbedtwo.addEventListener("change", function(evt) {
    if (this.value === "A") {
      document.getElementById("statustop").innerHTML = "Danger";
    }
  });
</script>

Answer 2

从标题中，我添加了三个div，A，A，B作为他们的innerHTMl，它工作正常。

现在，如果您可以包含有助于找到问题的标记，那么如果不只是看看我在这里做了什么并调整自己的。

＆＃13;

document.getElementById("btn").addEventListener('click',showstatus);

function showstatus() {
    var inputbedtwo = document.getElementById("bedtwostatus");
    var inputliving = document.getElementById("livingstatus");
    var inputkitchen = document.getElementById("kitchenstatus");
    if (inputbedtwo.innerHTML == "A") {
        document.getElementById("statustop").innerHTML = "Danger";
    } else if (inputliving.innerHTML == "A") {
        document.getElementById("statustop").innerHTML = "Danger";
    } else if (inputkitchen.innerHTML == "A") {
        document.getElementById("statustop").innerHTML = "Danger";
    } else {
        document.getElementById("statustop").innerHTML = "Normal";
    }
}

＆＃13;

<div id="bedtwostatus">A</div>
<div id="livingstatus">A</div>
<div id="kitchenstatus">B</div>
<span id="statustop"></span>
<button id="btn">SUBMIT</button>

＆＃13;

基于另一个div的inner.HTML值在div中显示文本

2 个答案: