Displaying asp textbox control through javascript

Question

1.00/5 (1 vote)

See more:

Hi all!
I am trying to display a hidden textbox through javascript. I've tried doing that like this:

JavaScript

document.getElementById('<%= banknametxt.ClientID %>').style.display="block";

It won't work and shows an exception 'Object Required '.

Can any one please help me?

Thanks in advance!

Posted 29-Apr-11 1:16am

tulasiram3975

Updated 29-Apr-11 1:22am

Manfred Rudolf Bihy

v2

Add a Solution

4 solutions

Solution 1

did you try to debug? 'Object Required' means that it could not find the element you tried to look for in the DOM.

Posted 29-Apr-11 1:26am

Manas Bhardwaj

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)

Ankur^\m/ · Accepted Answer · 2011-04-29T01:26:00

This error means the element you are trying to access is not present on the page. So,
a) either you have used wrong id of the textbox in the JavaScript. Or,
b) it seems you have set the visibility of the textbox to false. In ASP.NET if you set visible property of a control to false, the control is not at all rendered. You should rather use CSS and set the display style of the element (textbox) to "none".

You can check the page source to find if the element is rendered or not.

Hope this helps!

Ashishmau · Accepted Answer · 2011-04-29T01:28:00

Dont use Visible=false property of textbox
u can set textbox property display:none in source code
After that on button click use display:block as u have written
here is sample how u can do this

XML

<style type="text/css">
.huy
{
display:none;
}
</style>
  <script type="text/javascript">
  function showtextbox()
  {
  document.getElementById("TextBox1").style.display="block";
  return false;
  }
  </script>

XML

<asp:Button ID="Button1" runat="server" OnClientClick="return showtextbox();" Text="dsd"
            onclick="Button1_Click" />

        <asp:TextBox ID="TextBox1"  CssClass="huy" runat="server"></asp:TextBox>

Manfred Rudolf Bihy · Accepted Answer · 2011-04-29T01:30:00

Is that an error you are receiving when the page is shown in the browswer or is it an error at compilation time?
If it is during compilation time then banknametxt isn't a reference to the textbox. If it is in the browser try to separate the steps to assist you in debugging:

JavaScript

var element  = document.getElementById('<%= banknametxt.ClientID %>')
alert(element);
var styleEle = element.style;
alert(styleEle);
stlyeEle.display = "block";
alert(styleEle.display);

Now you'll see how far execution gets by counting the alerts you see.

Best Regards,

-MRB

Displaying asp textbox control through javascript

4 solutions

Solution 2

Solution 3

Solution 1

Solution 4

Add your solution here

Preview 0