Cascading dropdownlist does not work in asp.net using c#.(not using ajax)

Question

0.00/5 (No votes)

See more:

ASP.NET

<asp:DropDownList ID="countrylist" runat="server" 
                    onselectedindexchanged="countrylist_SelectedIndexChanged" AutoPostBack="True">
               </asp:DropDownList>
                </td>
            </tr>
            <tr>
                <td class="style5">
                    state</td>
                <td class="style6">
                            
                    <asp:DropDownList ID="statelist" runat="server"  
                        onselectedindexchanged="statelist_SelectedIndexChanged" AutoPostBack="True">
                    </asp:DropDownList>
                </td>
            </tr>
            <tr>
                <td class="style2">
                    City</td>
                <td>
                            
                    <asp:DropDownList ID="city" runat="server" 
                        onselectedindexchanged="city_SelectedIndexChanged" AutoPostBack="True">
                    </asp:DropDownList>

C#

namespace tables
{
    public partial class CompanyRegi : System.Web.UI.Page
    {
       protected void Page_Load(object sender, EventArgs e)
        {
            if (!Page.IsPostBack)
            {
               
                Contrydropdown();
 
                
            }
        }
 

        protected void Contrydropdown()
        {
            //conenction path for database
            SqlConnection con = new SqlConnection("Data Source=jayraj-pc\\sqlexpress;Initial Catalog=Internship;Integrated Security=True;Pooling=False");
            con.Open();
            SqlCommand cmd = new SqlCommand("select * from Country", con);
            SqlDataAdapter da = new SqlDataAdapter(cmd);
            DataSet ds = new DataSet();
            da.Fill(ds);
 

 
            countrylist.DataSource = ds;
            countrylist.DataTextField = "CountryName";
            countrylist.DataValueField = "CountryID";
            countrylist.DataBind();
            countrylist.Items.Insert(0, new ListItem("--Select--", "0"));
            statelist.Items.Insert(0, new ListItem("--Select--", "0"));
            city.Items.Insert(0, new ListItem("--Select--", "0"));
            con.Close();
 

        }
        /// Bind State Dropdown Based on CountryID

        protected void countrylist_SelectedIndexChanged(object sender, EventArgs e)
        {
            int CountryID = Convert.ToInt32(countrylist.SelectedValue);
            SqlConnection con = new SqlConnection("Data Source=jayraj-pc\\sqlexpress;Initial Catalog=Internship;Integrated Security=True;Pooling=False");
            con.Open();
            SqlCommand cmd = new SqlCommand("select * from State where CountryID=" + CountryID, con);
 
            SqlDataAdapter da = new SqlDataAdapter(cmd);
            DataSet ds = new DataSet();
            da.Fill(ds);
 

 
            statelist.DataSource = ds;
            statelist.DataTextField = "StateName";
            statelist.DataValueField = "StateID";
            statelist.DataBind();
            statelist.Items.Insert(0, new ListItem("--Select--", "0"));
            con.Close();
 
            if (statelist.SelectedValue == "0")
            {
                city.Items.Clear();
                city.Items.Insert(0, new ListItem("--Select--", "0"));
            }
 
        }
 
        protected void statelist_SelectedIndexChanged(object sender, EventArgs e)
        {
            int StateID = Convert.ToInt32(statelist.SelectedValue);
            SqlConnection con = new SqlConnection("Data Source=jayraj-pc\\sqlexpress;Initial Catalog=Internship;Integrated Security=True;Pooling=False");
            con.Open();
            SqlCommand cmd = new SqlCommand("select * from City where StateID=" + StateID, con);
            SqlDataAdapter da = new SqlDataAdapter(cmd);
            DataSet ds = new DataSet();
            da.Fill(ds);
            con.Close();
            city.DataSource = ds;
            city.DataTextField = "CityName";
            city.DataValueField = "CityID";
            city.DataBind();
            city.Items.Insert(0, new ListItem("--Select--", "0"));
        }
 
        protected void city_SelectedIndexChanged(object sender, EventArgs e)
        {
 
        }

Posted 5-Mar-14 21:53pm

jayraj86

Updated 5-Mar-14 23:55pm

v3

Add a Solution

Comments

Ramug10 6-Mar-14 4:07am

are you getting any error?

jayraj86 6-Mar-14 5:52am

No, I'm not getting any errors. the thing is when I select Country from countrylist dropdown the page doesn't refresh which should as it's auto post back. States are not coming in statelist dropdown.

Ramug10 6-Mar-14 5:56am

do you have ajax update panel control in your designer code??

jayraj86 6-Mar-14 6:02am

No.

V5709 6-Mar-14 7:45am

Try to find exact point where functionality is going wrong. Use break point at 'countrylist_SelectedIndexChanged' & check is the selected country id is getting properly or not.

jayraj86 6-Mar-14 8:06am

Exactly same code works perfectly on other form page but not in this one page.

ravikhoda 6-Mar-14 8:13am

i am not sure but may be you need to add appenddatabounditems="true" coz i see that you are adding items to the dropdown after you bind the data. as other guy said try and debug code..

jayraj86 7-Mar-14 10:28am

not working ;/

Thomas Nielsen - getCore 6-Mar-14 17:14pm

I vote for update panel with scriptmanager with allow partial postback then put them in same update panel.
Your post that it works on another page would seem to have a quickfix at deleting this page, making a new page and pasting back? But then that wouldn't be very academical :D

jayraj86 7-Mar-14 10:28am

not working ;/

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)

Thomas Nielsen - getCore · Answer 1 · 2014-03-11T23:37:00

Here's the update panel alternative examplified

XML

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SampleCascade.aspx.cs" Inherits="Lunch.SampleCascade" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager runat="server" ID="AjaxScriptManager" EnablePartialRendering="True"></asp:ScriptManager>
    <div>
        <asp:UpdatePanel runat="server" ID="UpdPnl" UpdateMode="Always">
            <ContentTemplate>
                <div>
                    <label>Country</label>
                    <asp:DropDownList runat="server" ID="CountryDropDown" AutoPostBack="True" OnSelectedIndexChanged="CountryDropDownSelectedIndexChanged">
                    <asp:ListItem Value="dk" Selected="True">Denmark</asp:ListItem>
                    <asp:ListItem Value="ca">Canada</asp:ListItem>
                </asp:DropDownList>
                </div>
                <div>
                    <label>City</label>
                    <asp:DropDownList runat="server" ID="CityDropDown" AutoPostBack="True" OnSelectedIndexChanged="CityDropDownSelectedIndexChanged">
                    </asp:DropDownList>
                </div>
                <asp:Label runat="server" ID="Feedback"></asp:Label>
            </ContentTemplate>
        </asp:UpdatePanel>

    </div>
    </form>
</body>
</html>

and with code behind

C#

using System;
using System.Collections.Generic;
using System.Web.UI.WebControls;

namespace Lunch
{
    public partial class SampleCascade : System.Web.UI.Page
    {
        private Dictionary<string, HashSet<string>> _cities = new Dictionary<string, HashSet<string>>();

        protected void Page_Init(object sender, EventArgs e)
        {
            _cities.Add("dk", new HashSet<string>(new []{ "Copenhagen", "Aalborg", "Odense" }));
            _cities.Add("ca", new HashSet<string>(new [] { "Ottawa", "Toronto", "Charlottetown" }));
        }

        protected void Page_Load(object sender, EventArgs e)
        {
            if(!IsPostBack)
                LoadCities(CountryDropDown.SelectedValue);
        }

        protected void CountryDropDownSelectedIndexChanged(object sender, EventArgs e)
        {
            var ctry = (DropDownList) sender;
            LoadCities(ctry.Items[ctry.SelectedIndex].Value);
            Feedback.Text = "Loaded cities for " + ctry.Items[ctry.SelectedIndex].Text;
        }

        protected void CityDropDownSelectedIndexChanged(object sender, EventArgs e)
        {
            var city = (DropDownList) sender;
            ListItem selected = city.Items[city.SelectedIndex];
            if (selected.Value == "0") return;
            Feedback.Text = "City selected: " + selected.Text;
        }

        private void LoadCities(string country)
        {
            CityDropDown.Items.Clear();
            foreach (var itm in _cities[country])
            {
                CityDropDown.Items.Add(new ListItem(itm, itm.ToLower()));
            }
            CityDropDown.Items.Insert(0, new ListItem("Select", "0"));
        }


    }
}