Question

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

 <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" />

Answer 1

我尽量小心使用我不会意外使用带有id名称的关键字的id名称。尝试更改id =＆＃34;隐藏＆＃34;到id =＆＃34; btnIAmHere＆＃34;。行动也已经是表格的一种方法。

另一种隐藏内容的方法是设置style.display =＆＃34; none＆＃34;。要使其再次可见，请设置style.display =＆＃34; block＆＃34;

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

Answer 2

只需调用这样的方法：

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

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

Answer 3

请参阅fiddle

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

参见js

 function action1() {
   document.getElementById('hidden').style.visibility = 'visible';
 }

无法隐藏/取消隐藏窗体内的按钮

3 个答案:

请参阅fiddle