使用javascript或jquery隐藏文本框控件

Question

我想使用javascript或jquery隐藏文本框控件。我使用了javascript

document.getElementsByName('Custom_Field_Custom1').style.display="none";

java控制台向我显示此错误：

document.getElementsByName('Custom_Field_Custom1').style.display="none" is undefined.

请帮帮我

Answer 1

getElementsByName返回一个数组。您要么使用ID并致电getElementById，要么使用getElementsByName('Custom_Field_Custom1')[0]。

Answer 2

$('input:text')会选择页面中的所有文本框。

因此，$('input:text').hide();会隐藏所有文本框。

如果您需要隐藏单个文本框，则可以为其指定ID，如<input type="text" id="Custom_Field_Custom1" />

然后

$('#Custom_Field_Custom1').hide();会隐藏那一个。

Answer 3

getElementsByName返回NodeList而不是HTMLElementNode。它没有样式属性，因此您收到错误，因为不允许undefined.display。

在NodeList上循环，好像它是一个数组。

Answer 4

似乎所有可能的答案都来到这里。我刚刚简化了答案：

使用jquery更改CSS使用以下代码：

$('#Custom_Field_Custom1').css('display','none');

要隐藏带有jquery的文本框，请使用以下代码：

$('#Custom_Field_Custom1').hide();

在这两种情况下，记住一件事“Custom_Field_Custom1”必须是文本框的 id 。