输入文本时显示“隐藏”表单并隐藏文本输入为空

Question

当我在输入字段中输入内容时，我的第二个表单就会显示，但我不确定如果从输入字段中删除文本，如何隐藏第二个表单。如有任何帮助，我们将不胜感激。

我有这个代码：

<input style="margin-right: 5px;" type="text6" name="outstanding1" id="outstanding"
onClick="document.getElementById('form2').style.display='';" />

<script>
  var outstanding = document.getElementById("outstanding");

  outstanding.onsubmit = function() {
    document.getElementById("form2").style.display = "none";
  };
</script>

Answer 1

也许你需要这样的东西：

<script>
    var outstanding = document.getElementById("outstanding");

    outstanding.onchange = function() {
        if(outstanding.value ==='') document.getElementById("form2").style.display = "none";

    };
</script>

或者也许您可以通过

onkeydown

函数来处理输入更改