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

Question

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

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 。