Question

当“tds”字段中的值介于1到10之间时，输入“TAN”已经出现，否则它应该不应出现（隐藏状态）

+#(###)-###-##-##
or
+#-###-###-####
or
+#-###-###-##-##
or
+###########

Answer 1

将visibility设为visible，而不是""

您的代码应如下所示

＆＃13;

<input id="tds" type="text" onchange="myFunction()"/>
<input  id="myP"  name="TAN" style="visibility:hidden;" value="test"/>
<script>
function myFunction() {
  tdsvalue = document.getElementById('tds').value;
  if (tdsvalue <= 10) {
    document.getElementById("myP").style.visibility = "visible";
  }
  else {
    document.getElementById("myP").style.visibility = "hidden";
  }
}
</script>

＆＃13;

注意：您还可以使用display:block来显示并隐藏display:none。

display:none将无法在页面中显示，也不会占用任何空间。 visibility:hidden隐藏了一个元素，但它仍然会占用与以前相同的空间。该元素将被隐藏，但仍会影响布局。

Answer 2

请尝试以下代码，即您的改进版本：

    <input id="tds" type="text" onkeyup="myFunction(this)"/>
    <input  id="myP"  name="TAN" style="display:none;" value="test"/>
    <script>
    function myFunction(el) {
          var tdsvalue = el.value;
            if (tdsvalue >= 1 && tdsvalue <=10){
               document.getElementById("myP").style.display= "block";
            } else {
               document.getElementById("myP").style.display= "none";
            }
    }
    </script>

Answer 3

else导致您出现语法错误。

我还建议您使用parseInt()

将值解析为整数

function myFunction() {
  var tdsvalue = parseInt(document.getElementById('tds').value);
  if (tdsvalue <= 10) {
    document.getElementById("myP").style.visibility = "visible";
  } else {
    document.getElementById("myP").style.visibility = "hidden";
  }
}

<input id="tds" type="text" onchange="myFunction()" />
<input id="myP" name="TAN" style="visibility:hidden;" value="test" />

如果您对上述源代码有任何疑问，请在下面留言，我会尽快回复。

我希望这会有所帮助。快乐的编码！

当输入值介于1和10之间时，如何将可见性设置为字段组

3 个答案: