Dropdown list items on another dropdown

Question

3.50/5 (2 votes)

See more:

HI

I am having a radio button(rbn1) and 3 drop down lists(country,state,city) in my form.
if i select my radio button then *country drop down should be enabled and state and city drop down should be disabled the country drop down list items ( India,USA)

Now if i select the India from list item..then state Drop down list should be enabled
and city drop down should be disabled

Now if i select the USA from list item then city Drop down list should be enabled and state drop down should be disabled.

Is it possible?

Posted 11-Sep-12 4:04am

.netHelperClass

Updated 11-Sep-12 4:27am

Sandeep Mewara

v2

Add a Solution

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)

Sandeep Mewara · Answer 1 · 2012-09-11T04:28:00

It's called Cascading Dropdown.

Look here:
CascadingDropDown Demonstration[^]
AJAX Cascading Dropdown Example using SQL Database[^]
Populate Cascading DropDownList On Selection ASP.NET[^]

If not update panels, then you need to use traditional AJAX - XMLHttpRequest.
Refer:
AJAX for beginners (Part 2) - Using XMLHttpRequest and jQuery AJAX to implement a cascading dropdown[^]

John Bhatt · Answer 2 · 2012-09-11T19:30:00

This can be done directly through ASP.NET, Below is Code.

C#

protected void ddlCountry_SelectedIndexChanged(object sender, EventArgs e)
    {
        ddlState.DataSource = res.States(Convert.ToInt16(ddlCountry.SelectedValue));
        ddlState.DataTextField = "StateName";
        ddlState.DataValueField = "StateID";
        ddlState.DataBind();
        ddlState.Items.Insert(0, "Select");
        ddlDist.Enabled = false;
        ddlCity.Enabled = false;
    }
    protected void ddlState_SelectedIndexChanged(object sender, EventArgs e)
    {
        ddlDist.DataSource = res.Districts(Convert.ToInt16(ddlState.SelectedValue));
        ddlDist.DataTextField = "DistName";
        ddlDist.DataValueField = "DistID";
        ddlDist.DataBind();
        ddlDist.Items.Insert(0, "Select");
        ddlDist.Enabled = true;
        ddlCity.Enabled = false;
    }
    protected void ddlDist_SelectedIndexChanged(object sender, EventArgs e)
    {
        ddlCity.DataSource = res.Cities(Convert.ToInt16(ddlDist.SelectedValue));
        ddlCity.DataTextField = "CityName";
        ddlCity.DataValueField = "CityID";
        ddlCity.DataBind();
        ddlCity.Items.Insert(0, "Select");
        ddlCity.Enabled = true;
    }

Full concept of this code is posted here.

http://blog.johnbhatt.com/2012/08/dropdownlist-country-state-district-city.html

you can use UpdatePanel to save page from PostBack.

Prasad_Kulkarni · Answer 3 · 2012-09-11T19:39:00

Solution 3

Have a look: c# combobox selectedindexchanged events[^]

..and more similar threads on CP Search[^]

Posted 11-Sep-12 19:39pm

Prasad_Kulkarni

Dropdown list items on another dropdown

3 solutions

Solution 1

Solution 2

Solution 3

Add your solution here

Preview 0