visible textbox on dropdown selected value with out autopostback true

Question

3.00/5 (1 vote)

See more:

hi guys,

i have a 2 drop down and 2 text box like drp1, drp2, txt1,txt2.

i want when i selected a value from drp1 then txt1 will be visible set true. and after when i slect a value from drp2 then txt2 will be visible. but i got some error when i select a value from drp1 txt1 is visible after it when i selected a drp2 value txt2 is visible but txt1 visibility will be false. that all will be set on autopostback true. can i do that with autopostback TRUE.

please help!!!!!!

Posted 16-Nov-12 7:23am

Member 8214635

Add a Solution

2 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)

Dominic Abraham · Answer 1 · 2012-11-16T07:46:00

Hi I didn't understand what is the issue . Can you try the following code :

ASP.NET

<body>
    <form id="form1" runat="server">
    <div>
          <asp:dropdownlist id="DropDownList1" runat="server" autopostback="True" onselectedindexchanged="DropDownList1_SelectedIndexChanged" xmlns:asp="#unknown">
                   <asp:listitem value="A">A1-Visible</asp:listitem>
                   <asp:listitem>B1-Visible</asp:listitem>
                   <asp:listitem>C1-Hide</asp:listitem>
               </asp:dropdownlist>
         <asp:dropdownlist id="DropDownList2" runat="server" autopostback="True" onselectedindexchanged="DropDownList2_SelectedIndexChanged" xmlns:asp="#unknown">
                   <asp:listitem>P1-Visible</asp:listitem>
                   <asp:listitem>Q1-Visible</asp:listitem>
                   <asp:listitem>R1-Hide</asp:listitem>
                   </asp:dropdownlist>
  
    </div>
        <asp:textbox id="TextBox1" runat="server" xmlns:asp="#unknown">TextBox1</asp:textbox>
        <asp:textbox id="TextBox2" runat="server" xmlns:asp="#unknown">TextBox2</asp:textbox>
    </form>
</body></body>

C#

protected void Page_Load(object sender, EventArgs e)
   {
       if (!IsPostBack)
       {
           //If you are not setting the TextBox1 and TextBox2 visible property to false in designer[aspx page], you can use the following code to hide the text boxes on load.
           DropDownList1.SelectedIndex = 2; //  when page load happens TextBox1 will be invisible.
           DropDownList2.SelectedIndex = 2; //  when page load happens TextBox2 will be invisible
           (DropDownList1 as IPostBackDataHandler).RaisePostDataChangedEvent();
           (DropDownList2 as IPostBackDataHandler).RaisePostDataChangedEvent();
       }
   }
   protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
   {
       if (DropDownList1.SelectedIndex.Equals(2))
           TextBox1.Visible = false;
       else
           TextBox1.Visible = true;
   }
   protected void DropDownList2_SelectedIndexChanged(object sender, EventArgs e)
   {
       if (DropDownList2.SelectedIndex.Equals(2))
           TextBox2.Visible = false;
       else
           TextBox2.Visible = true;
   }

Regards
Dominic

Dominic Abraham · Answer 2 · 2012-11-16T08:29:00

Hi
Have you checked the above code ? I think , in that example there is no issue with postback.

Step0 : By default, both TextBox will be visible.
Step1 : Select 'C1-Hide' --> TextBox1 will be invisible, TextBox2 will be visible
Step2 : select 'R1-Hide' --> TextBox1 will be invisible, TextBox2 will be invisible
Step3 : Select 'A1-Visible' -> TextBox1 will be visible, TextBox2 will be invisible
Step4 : Select 'P1-Visible' -> TextBox1 will be visible, TextBox2 will be visible

and again

Step5 : Select 'C1-Hide' -> TextBox1 will be invisible, TextBox2 will be visible

I think all the scenarios are satisfying here.What else you are looking for.

Regards
Dominic

visible textbox on dropdown selected value with out autopostback true

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0