无法隐藏/取消隐藏表单内的按钮

Cannot hide/unhide button inside form

本文关键字：隐藏 表单 按钮 取消      更新时间：2023-09-26

我无法取消隐藏表单内的按钮。在表单之外，它正在工作。另外，有没有更好的方法来轻松完成我正在尝试的事情？

 <script>
    function action() { 
      document.getElementById('hidden').style.visibility = 'visible';
    }
</script>
<input type="text" onChange="action();" id="textfield" name="textfield" />
<input type="button" style="visibility: hidden" id="hidden" value="i am here" />

我尽量小心id名称，以免意外地在id名称中使用关键字。尝试将 id="hidden" 更改为 id="btnIAmHere"。此外，动作已经是一种形式的方法。

隐藏某些内容的另一种方法是设置 style.display="none"。要使其再次可见，请设置 style.display="block">

这两种使某些内容不可见的方法之间的区别在于，设置可见性不会消除对象占用的空间。

只需像这样调用该方法：

<input type="text" onChange="window.action();" id="textfield" name="textfield" />

我不确定，但我认为这是因为范围不一样。

看小提琴

这是由于函数名称 action() .可能是<form>混淆了函数名称-操作与表单属性-操作。因此，要使其正常工作，只需将函数重命名为 action1() 例如，它就可以工作。

查看 js

 function action1() {
   document.getElementById('hidden').style.visibility = 'visible';
 }
相关文章：