hide textbox control using javascript or jquery

Question

I want to hide textbox control using javascript or jquery.I have used javascript

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

java console shows me this error :

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

Please help me

Notice the plurality in the method getElementsByName. That indicates we are being returned an array. Loop it or pull the first item from it. — Atticus
– Atticus, Commented Sep 27, 2011 at 6:41

Niet the Dark Absol · Accepted Answer · 2011-09-27 06:30:34Z

3

getElementsByName returns an array. You either want to use an ID and call getElementById, or use getElementsByName('Custom_Field_Custom1')[0].

answered Sep 27, 2011 at 6:30

Niet the Dark Absol

326k86 gold badges480 silver badges604 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Quentin Over a year ago

It returns a NodeList, not an Array. They are only superficially similar.

Quentin · Accepted Answer · 2011-09-27 06:31:49Z

2

getElementsByName returns a NodeList not an HTMLElementNode. It doesn't have a style property, so you get the error because undefined.display isn't allowed.

Loop over the NodeList as if it was an array.

answered Sep 27, 2011 at 6:31

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

1 Comment

user959128 Over a year ago

thanks I have used document.getElementsByName('Custom_Field_Custom1')[0].style.display="none";

Rickard · Accepted Answer · 2011-09-27 06:37:24Z

2

$('input:text') would select all textboxes in the page.

Hence, $('input:text').hide(); would hide all your textboxes.

If you need to hide a single textbox you can give it an id, as in <input type="text" id="Custom_Field_Custom1" />

$('#Custom_Field_Custom1').hide(); would then hide that single one.

edited Sep 27, 2011 at 6:37

answered Sep 27, 2011 at 6:30

Rickard

2,33513 silver badges22 bronze badges

2 Comments

user959128 Over a year ago

ok,but why I am getting document.getElementsByName('Custom_Field_Custom1').style.display="none" is undefined. ?

Quentin Over a year ago

That would match <Custom_Field_Custom1> elements, which aren't allowed in HTML.

Ariful Islam · Accepted Answer · 2011-09-27 06:59:12Z

1

Well seems all the possible answer comes here. I just simplified the answer :

for change CSS with jquery use following code :

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

For hide the text box with jquery use following code :

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

In both case remember one thing here "Custom_Field_Custom1" must be id of the textbox.

answered Sep 27, 2011 at 6:59

Ariful Islam

7,6837 gold badges38 silver badges55 bronze badges

Collectives™ on Stack Overflow

hide textbox control using javascript or jquery

4 Answers 4

1 Comment

1 Comment

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

1 Comment

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related