One control replacing another one Dynamically

Question

0.00/5 (No votes)

See more:

Hi..

I have a textbox on my web page. The moment user clicks on it should replace by a Dropdown List control at the same place.
I can switch visibility on or off But I don't know how to go about it.

Any suggestions please??

Posted 29-Jun-12 2:49am

comred

Add a Solution

1 solution

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)

_Amy · Answer 1 · 2012-06-29T02:58:00

Solution 1

Hi,

Take two controls in page. One is Textbox and another is Dropdown.
Set the css style for dropdon as below:

CSS

.DropDown{
      display:none;
}

Use this javascript coding on click of textbox:

JavaScript

function fnShowDropDwn(){
     var txt=document.getElementById("MyTextBox1");
     txt.style.display='none';
     var ddl=document.getElementById("MyDropDown1");
     ddl.style.display='';
}

All the best.
--Amit

Posted 29-Jun-12 2:58am

_Amy

Comments

comred 2-Jul-12 0:42am

Thanks...

_Amy 2-Jul-12 0:49am

You are welcome. :)

comred 2-Jul-12 3:33am

I am failing to call this function. Would you give some snippet that how to call java script function in my asp.net page...