JavaScript hide element function

Question

I have a form where the user can select a generic auto-population based on checking a radio button. When the user checks the auto-populate radio button, the fields are auto populated with the data and then the fields become disabled.

In this first part of the function, I pass the auto-filled data:

            $('#myOptions').click(function()
            $('#value1').val("Auto-filled data");
            $('#Value2').val("Auto-filled data");                
            $('#Value3').val("Auto-filled data");

In this second part, I am disabling the html inputs

            // now i am disabling the html inputs:
            $('#Value4').prop("disabled", true);
            $('#Value5').prop("disabled", true);                
            $('#value6').prop("disabled", true);

Suppose I have another field with an ID of "Value7" in the form, that I would like to hide from the user interface as part of this function.

How can I hide the "Value7" input upon function triggering? I appreciate the help, I am very new to JavaScript, though I find it very exciting!

Actually i don't understand what you trying to explain

Just code
– Just code

2013-12-21 08:30:50 +00:00
Commented Dec 21, 2013 at 8:30 — Just code
– Just code, Commented Dec 21, 2013 at 8:30

Community · Accepted Answer · 2017-05-23 11:50:16Z

4

Using jquery:

To hide

jQuery('#Value7').hide() or jQuery('#Value7').css("display","none")

To show the element back

jQuery('#Value7').show() or jQuery('#Value7').css("display","block")

or pure js:

javascript hide/show element

edited May 23, 2017 at 11:50

CommunityBot

11 silver badge

answered Dec 21, 2013 at 8:40

Héctor William

7968 silver badges26 bronze badges

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

1 Comment

user2917239 Over a year ago

Awesome, I like how JQuery simplifies it so that I can just call the .hide() method. Thanks a lot.

Mr.G · Accepted Answer · 2013-12-21 08:46:32Z

1

Try this javascript:

if you want disable:

document.getElementById('#Value7').setAttribute("disabled","disabled");

if you want enable:

document.getElementById('#Value7').removeAttribute('disabled');

if you want to hide :

document.getElementById('#Value7').css("display","none");

if you want to show:

document.getElementById('#Value7').css("display","block");

answered Dec 21, 2013 at 8:46

Mr.G

3,6092 gold badges19 silver badges21 bronze badges

Comments

Vikram · Accepted Answer · 2013-12-21 08:47:20Z

1

I am not getting what are you trying to ask actualy . Let me know if this helps -

$("Value7").hide()

answered Dec 21, 2013 at 8:47

Vikram

3093 gold badges6 silver badges19 bronze badges

Collectives™ on Stack Overflow

JavaScript hide element function

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related