应用错误收集

在html中隐藏TextBox

时间：2016-03-24 22:33:20

标签： javascript html

我在html中有一些文本框，根据该值从数据库获取值我想隐藏该特定文本框，即如果值为null，则文本框消失，请帮助。搜索了很多但仍然困惑，因为我想要那个函数自动运行，因此无法使用点击或在线更改方法。我有函数检查值为null的值是否为null然后我将该值设置为文本框。找到了一种改变文本框类型但不起作用的方法。只读＆GT;

1 个答案:

答案 0 :(得分：1)

隐藏

你可以这样做。我只是将隐藏可见性设置为完全隐藏它。

    <!DOCTYPE html>
    <html>
    <body>
    
    <textarea id="myP">This is a textarea.</textarea>
    
    <button type="button" onclick="myFunction()">Hide content of textarea</button>
    
    <script>
    function myFunction() {
        document.getElementById("myP").style.visibility = "hidden";
    }
    </script>
    
    </body>
    </html>

切换

现在，如果您想切换，只需添加其他功能！

<!DOCTYPE html>
<html>

<body>

  <textarea id="myP">This is a textarea.</textarea>

  <button type="button" onclick="hide()">Hide content of textarea</button>
  <button type="button" onclick="show()">Show content of textarea</button>

  <script>
    function hide() {
      document.getElementById("myP").style.visibility = "hidden"



    }

    function show() {
      document.getElementById("myP").style.visibility = "visible"
    }
  </script>

</body>

</html>