Cascading dropdown list

Question

Hi Am new to asp.net wanna know cascading dropdown list with example

Sreenish · Answer

Already i posted my Code.What i have tried.

Rajeesh Menoth · Answer

Hi, Try this also : http://www.codeproject.com/Articles/67156/Creating-a-chained-dropdownlist-using-AJAX-and-XML

Sreenish · Answer

Source Code: Code Behind: using System; using System.Collections.Generic; using System.Linq; using System.Web.UI; using System.Web.UI.WebControls; using AjaxControlToolkit; using System.Web.Services.Protocols; namespace Mystuff.Ajax { public partial class Cascadingdd : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } [System.Web.Script.Services.ScriptMethod()] [System.Web.Services.WebMethod] public CascadingDropDownNameValue[] GetVendors(string knownCategoryValues, string category) { List l = new List (); l.Add(new CascadingDropDownNameValue("International", "1")); l.Add(new CascadingDropDownNameValue("Electronic Bike Repairs & Supplies", "2")); l.Add(new CascadingDropDownNameValue("Premier Sport, Inc.", "3")); return l.ToArray(); } } } Am getting error Like "Method Error "

Sreenish · Answer

I have gone through this earlier.i want C# code for this.Any of u help me.

Rajeesh Menoth · Answer

Check this : http://www.ajaxcontroltoolkit.com/CascadingDropDown/CascadingDropDown.aspx

Sreenish · Answer

So without database we cannot use cascading dropdown extender??

Rajeesh Menoth · Answer

Hi Nilesh Jadav , Without data base i mean,u can store the value in to xml file. Check this : http://www.dotnetfunda.com/forums/show/7797/how-to-connect-xml-file-to-aspnet-dropdown-list-cascading

Nilesh Jadav · Answer

is it possible rajeesh to make such thing ?? without database and in c# , I think not !

Sreenish · Answer

By using Ajax extender

Sreenish · Answer

Yes

Rajeesh Menoth · Answer

So u can populate the data without using database,u want to use only c# code..

Sreenish · Answer

Am new to asp.net that's why little bit confused

Sreenish · Answer

Dude All provided Links are using database.But i want by c# code.

Nilesh Jadav · Answer

Hey buddy Kindly describe your full and proper question, and besides this all the links that is mentioned in this forum are related to cascading dropdown list only , you just check out once and even if you get some problem than just drop the question here, Trust me these links are really helpful just go through once. Thank you

Rajeesh Menoth · Answer

Hi, Check this : http://csharp-video-tutorials.blogspot.in/2012/11/cascading-dropdown-in-aspnet-part-22.html

Sreenish · Answer

is this cascading dropdown List is possible by using cascading dropdown extender??

Sreenish · Answer

Am new to asp.net .Kindly give me some sample.

Vincent Maverick Durano · Answer

I thought you need client-side implementation? C# is a server-side code. If you want to use C# then you need use DropDownList SelectedIndexChanged event to populate the other dropdownlist based from the selected value of the first dropdownlist. Just make sure to set AutoPostback to True to trigger the event.

Sreenish · Answer

Hi Dude Is that Possible in C#.. And not getting o/p.

Vincent Maverick Durano · Answer

Here's a quick example of cascading dropdownlist using Client-Side JavaScript and without database: JAVASCRIPT: function dynamicdropdown(listindex) { document.getElementById("subcategory").length = 0; switch (listindex) { case "Php": document.getElementById("subcategory").options[0] = new Option("Please select framework", ""); document.getElementById("subcategory").options[1] = new Option("Cakephp", "Cakephp"); document.getElementById("subcategory").options[2] = new Option("Wordpress", "Wordpress"); document.getElementById("subcategory").options[3] = new Option("Codeigniter", "Codeigniter"); document.getElementById("subcategory").options[4] = new Option("Joomla", "Joomla"); document.getElementById("subcategory").options[5] = new Option("Magento", "Magento"); break; case "Java": document.getElementById("subcategory").options[0] = new Option("Please select framework", ""); document.getElementById("subcategory").options[1] = new Option("Strauts", "Strauts"); document.getElementById("subcategory").options[2] = new Option("Hibernate", "Hibernate"); break; case "Javascript": document.getElementById("subcategory").options[0] = new Option("Please select framework", ""); document.getElementById("subcategory").options[1] = new Option("D-Jango", "D-Jango"); document.getElementById("subcategory").options[2] = new Option("Angular", "Angular"); document.getElementById("subcategory").options[3] = new Option("Prototype", "Prototype"); document.getElementById("subcategory").options[4] = new Option("jQuery", "jQuery"); document.getElementById("subcategory").options[5] = new Option("Backbone", "Backbone"); break; case "Dotnet": document.getElementById("subcategory").options[0] = new Option("Please select framework", ""); document.getElementById("subcategory").options[1] = new Option("VbScript", "VbScript"); break; } return true; } function dynamicdropdownLevel2(listindex) { document.getElementById("subcategory2").length = 0; switch (listindex) { case "Cakephp": document.getElementById("subcategory2").options[0] = new Option("Please select framework", ""); document.getElementById("subcategory2").options[1] = new Option("AA", "AA"); break; case "Wordpress": document.getElementById("subcategory2").options[0] = new Option("Please select framework", ""); document.getElementById("subcategory2").options[1] = new Option("BB", "BB"); break; case "Codeigniter": document.getElementById("subcategory2").options[0] = new Option("Please select framework", ""); document.getElementById("subcategory2").options[1] = new Option("CC", "CC"); break; case "Joomla": document.getElementById("subcategory2").options[0] = new Option("Please select framework", ""); document.getElementById("subcategory2").options[1] = new Option("DD", "DD"); break; } return true; } HTML: Please specify language: Select Language Php Java Javascript Dotnet Please select framework: Please select framework Please select Letter: Please select Letter

Nilesh Jadav · Answer

For resolving 403 error , http://stackoverflow.com/questions/5649852/asp-net-web-service-i-would-like-to-return-error-403-forbidden

Sreenish · Answer

without database i want . I tried Myself. Source Code: ServicePath="Cascadingdd.aspx.cs" ServiceMethod="GetVendors" TargetControlID="VendorsList" Category="Vendor" /> Code Behind: using System; using System.Collections.Generic; using System.Linq; using System.Web.UI; using System.Web.UI.WebControls; using AjaxControlToolkit; using System.Web.Services.Protocols; namespace Mystuff.Ajax { public partial class Cascadingdd : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } [System.Web.Script.Services.ScriptMethod()] [System.Web.Services.WebMethod] public CascadingDropDownNameValue[] GetVendors(string knownCategoryValues, string category) { List l = new List (); l.Add(new CascadingDropDownNameValue("International", "1")); l.Add(new CascadingDropDownNameValue("Electronic Bike Repairs & Supplies", "2")); l.Add(new CascadingDropDownNameValue("Premier Sport, Inc.", "3")); return l.ToArray(); } } } Am getting error like "method error (403)" .

Nilesh Jadav · Answer

Hey! Try this http://www.c-sharpcorner.com/UploadFile/009464/cascading-one-dropdownlist-with-other-dropdownlist-in-asp-ne/

Upendra Pratap Shahi · Answer

http://www.aspsnippets.com/Articles/AJAX-Cascading-DropDown-Example-in-ASPNet.aspx

Sreenish · Answer

but i didnt get output.link u shared they didnt used cascading dropdown.

Upendra Pratap Shahi · Answer

Kindly read all the link. You will find your answer.

Sreenish · Answer

And without database i want to know cascading dropdown

Sreenish · Answer

hi Webform client side

Vincent Maverick Durano · Answer

Are you using MVC or Web Forms? If you are using Web Forms then what kind of implementation do you want, server-side or client-side cascading list?

Upendra Pratap Shahi · Answer

http://www.c-sharpcorner.com/UploadFile/vemuhemanth/cascading-dropdown-in-Asp-Net-using-jquery/ http://www.aspdotnet-suresh.com/2013/10/jquery-cascading-dropdown-list-in-aspnet.html http://www.mikesdotnetting.com/Article/97/cascading-dropdownlists-with-jquery-and-asp-net http://www.aspsnippets.com/Articles/AJAX-Cascading-DropDown-Example-in-ASPNet.aspx http://www.aspsnippets.com/Articles/Populate-Cascading-DropDownList-from-Database-in-ASPNet-Example.aspx

Rajeesh Menoth · Answer

Hi ASP ASp , 1 ) http://www.aspdotnet-suresh.com/2011/01/introduction-here-i-will-explain-how-to.html 2) http://www.codeproject.com/Tips/883701/An-ASP-NET-MVC-Cascading-Dropdown-List 3) http://www.aspsnippets.com/Articles/Creating-Cascading-DropDownLists-in-ASP.Net.aspx

Cascading dropdown list

Answers (31)