Show hidden asp.net control via jquery or javascript

Question

I have a hidden control (an asp.net label) and want to show it when a user clicks a button.

Here is the hidden control

<asp:Label ID="lblCityRequired" visible="False" runat="server" Text="Required if Country  State are selected"></asp:Label>

Here is the javascript code

function showLabel()
{
    $("#lblCityRequired").show();
}

function hideLabel()
{
    $("#lblCityRequired").hide();
}

This only works when the label's visibility is not set to false. However I want the form to start up hiding the message. Is there something I am doing wrong? Should I just create a javascript function that starts up hiding the label via javascript?

Thanks in advance

when the control is set to false, it is not rendered in the client. you can try setting a display:none on the control to make it work. — Sushil
– Sushil, Commented May 8, 2015 at 16:34

renakre · Accepted Answer · 2015-05-08 16:37:42Z

1

You can hide it initally when dom is ready:

 $(function(){
     hideLabel();
 })

Or, you can use css:

 <style>#lblCityRequired{display:none;}</style>

answered May 8, 2015 at 16:37

renakre

8,3218 gold badges55 silver badges114 bronze badges

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

Collectives™ on Stack Overflow

Show hidden asp.net control via jquery or javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related