how to enable textbox by dropdownlist items

Question

0.00/5 (No votes)

See more:

hi i have one dropdownlist where i have items called male and female.
and i have another textbox labled pregnancy count .
once i select female that pregnanacy count should enable.if male it should disable using c#.
help me out.
thanks in Advance.:)

XML

Here is my source code

<div id="R3C2" style="width:23%;height:7%;float:left;border:Solid 1px Black">
<asp:Label ID="Gendr" runat="server" Text="Gender">
<asp:DropDownList ID="DropDwnList1" runat="server"
onselectedindexchanged="DropDwnList1_SelectedIndexChanged" AutoPostBack="true">
<asp:ListItem >Male
<asp:ListItem Selected="True">Female

</div>
<div id="R3C3" style="width:26%;height:7%;float:left;border:Solid 1px Black">
<asp:Label ID="PrgncyCunt" runat="server" Text="PregnancyCount">
<asp:TextBox ID="TextBox5" runat="server" Width="15.8%">
</div>

Posted 25-May-15 0:03am

Member 11686116

Updated 25-May-15 0:39am

v3

Add a Solution

Comments

Raje_ 25-May-15 6:17am

Is it a Windows App or Web Application?

Member 11686116 25-May-15 6:21am

Web Application

Member 11686116 25-May-15 7:05am

yes if it is male i want to disable it

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)

Raje_ · Answer 1 · 2015-05-25T00:27:00

You can do this by using jquery also :

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

 <script type="text/javascript">
  $(document).ready(function(){
  
    $('#gender').change(function(){
	   var value = $(this).val();
	   if(value == 1 || value == 0)
	   {
	     $('.pregnencyDiv').hide();
	   }
	   else
	   {
	     $('.pregnencyDiv').show();
	   }
	});
  });
  
</script>
<style>
  .pregnencyDiv
  {
    display : none;
  }
</style>
<div>
 <select id="gender">
	 <option value='0'>--Select--</option>
	 <option value='1'>Male</option>
	 <option value='2'>Female</option>
 </select>
 <br>
 <div class="pregnencyDiv"> 
  Pregnancy count <input type='text' id='txtCount' name='txtCount' />
 <div>
</div>

[Edit]

It is always good to avoid unnecessary server round trip. but if you need it in from server side here you go :

ASP.NET

<div>
        <asp:DropDownList ID="dropDownGender" runat="server" AutoPostBack="true" OnSelectedIndexChanged="dropDownGender_SelectedIndexChanged">
            <asp:ListItem Value="0" Text="--Select--"></asp:ListItem>
            <asp:ListItem Value="1" Text="Male"></asp:ListItem>
            <asp:ListItem Value="2" Text="Female"></asp:ListItem>
        </asp:DropDownList>
        <asp:TextBox ID="txtCount" runat="server" Enabled="false"></asp:TextBox>
    </div>

then create OnSelectedIndexChanged event in your code behind page :

C#

protected void dropDownGender_SelectedIndexChanged(Object sender, EventArgs e)
   {
       var value = Convert.ToInt32(dropDownGender.SelectedValue);

       if (value == 0 || value == 1)
       {
           txtCount.Enabled= false;
       }
       else
       {
           txtCount.Enabled= true;
       }
   }

Hope it helps you. :)

Mostafa Asaduzzaman · Answer 2 · 2015-05-25T00:17:00

Solution 1

protected void ddlSex_SelectedIndexChanged(object sender, EventArgs e)
{
    
//write your code here for the change event. i.e. check the selected value is "Female" and then disable the male textbox
if(ddlSex.SelectedValue=="Female"
{
txtMale.Enabled= false;

}
else
{txtMale.Enabled = true;
}
}

Assuming you are using ASP.NET Web form not mvc

Posted 25-May-15 0:17am

Mostafa Asaduzzaman

Updated 25-May-15 0:21am

v4

Comments

Member 11686116 25-May-15 6:25am

If am using this code got error like "cannot implicitly convert type srting to bool"

Mostafa Asaduzzaman 25-May-15 6:27am

can you try ddlSex.SelectedValue.ToString()=="Female"

Member 11686116 25-May-15 6:32am

Operator == Cannot be applied operands of type methodgroup and string.this error message.

Hydeen · Answer 3 · 2015-05-25T00:17:00

Solution 2

Something like this maybe works for you

if(dropdownlist.Text == "Male")
{
textbox.Enabled = false;
}
else
{
textbox.Enabled = true;
}

Posted 25-May-15 0:17am

Hydeen

Comments

Member 11686116 25-May-15 6:34am

I have tried this but that text box is enabled.

Member 11686116 25-May-15 6:34am

Here is my source code

<div id="R3C2" style="width:23%;height:7%;float:left;border:Solid 1px Black">
<asp:Label ID="Gendr" runat="server" Text="Gender">
<asp:DropDownList ID="DropDwnList1" runat="server"
onselectedindexchanged="DropDwnList1_SelectedIndexChanged" AutoPostBack="true">
<asp:ListItem >Male
<asp:ListItem Selected="True">Female

</div>
<div id="R3C3" style="width:26%;height:7%;float:left;border:Solid 1px Black">
<asp:Label ID="PrgncyCunt" runat="server" Text="PregnancyCount">
<asp:TextBox ID="TextBox5" runat="server" Width="15.8%">
</div>

Raje_ 25-May-15 6:44am

Please see my edited answer.

how to enable textbox by dropdownlist items

3 solutions

Solution 3

Solution 1

Solution 2

Add your solution here

Preview 0

Existing Members

...or Join us