Hiding a label with jquery

Question

1.00/5 (1 vote)

See more:

, +

How to hide a label using jquery?
and how to hide a asp:DropdownList using Jquery?

Posted 23-May-13 23:33pm

syna syna

Updated 23-May-13 23:34pm

v2

Add a Solution

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) · Accepted Answer · 2013-05-23T23:40:00

Solution 2

Use jQuery .hide()[^] function.

JavaScript

$('#lblId').hide(); // Replace the correct ID of Label.
$('#drpId').hide(); // Replace the correct ID of DropDown.

Posted 23-May-13 23:40pm

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

Comments

Sergey Alexandrovich Kryukov 4-Jun-13 2:38am

5ed.
—SA

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 4-Jun-13 3:07am

Thanks a lot Sergey Alexandrovich Kryukov... :)

RelicV · Accepted Answer · 2013-05-23T23:39:00

Solution 1

Hi Vasantha,

The following would do the work.

JavaScript

$('#labelID').hide();
$('#dropdownlistID').hide();

Please replace the labelID and dropdownlistId with the control IDs.
Other option is to make the css usage.

JavaScript

$('xxxxID').css('display', 'none');

Thank you,
Vamsi

Posted 23-May-13 23:39pm

RelicV

Updated 23-May-13 23:40pm

v2

Comments

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 24-May-13 5:41am

It is not show(), it is hide() to hide any selected control.

syna syna · Accepted Answer · 2013-05-24T00:05:00

Solution 3

XML

document.getElementById("<%=dropdowmcontrolID.ClientID%>").style.visibility = "visible";
document.getElementById("<%=labelid.ClientID%>").style.visibility = "visible";



document.getElementById("<%=dropdownid.ClientID%>").style.visibility = "hidden";
document.getElementById("<%=labelid.ClientID%>").style.visibility = "hidden";

this is working fine..

Posted 24-May-13 0:05am

syna syna

Comments

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 24-May-13 8:54am

Yes it will work fine. But as you said to do it using jQuery in your question, so I have posted one answer to use .hide function. It is very simple and easy.

Please accept "Solution 2" as answer.
This will help others to find the answer in one go and you will also be awarded with some points for this action...

Sergey Alexandrovich Kryukov 4-Jun-13 2:41am

Tadish is right. You should accept his solution. And you should not post what you have here: first, you are "answering" your own question, which makes no sense (imagine how many fake posts could anyone do this way, some do, but who is interested to see it?), secondly, you are not really answering it the way you required by yourself.
—SA

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 4-Jun-13 3:07am

Thanks... :)