Dealing with dropdownlist .

Question

4.00/5 (1 vote)

See more:

I need some help I have 2 dropdownlist

in the first one there's some values ,I need when I choose value in the first drop the second drop fill with the things related to what I selected

just how to write this code in first drop what the code will be ?????

thanx alot

Posted 22-Dec-11 14:51pm

Sarah Mohammed77

Add a Solution

Comments

Al Moje 22-Dec-11 20:54pm

How far have you done? Please show us your code...

4 solutions

Solution 3

Please use below solution:

<div>
       <asp:dropdownlist id="ddl1" runat="server" autopostback="true" xmlns:asp="#unknown">
           onselectedindexchanged="ddl1_SelectedIndexChanged">
           <asp:listitem text="1" value="1"></asp:listitem>
           <asp:listitem text="2" value="2"></asp:listitem>
       </asp:dropdownlist>
       <asp:dropdownlist id="ddl2" runat="server" xmlns:asp="#unknown">
       </asp:dropdownlist>
   </div>

at code behind

protected void ddl1_SelectedIndexChanged(object sender, EventArgs e)
    {
        // Now here you can get selected value.
        //ddl1.SelectedItem.Text  

        if (ddl1.SelectedItem.Text == "1")
        { 
        
            ddl2.Items.Insert(0,new ListItem("test1","test1"));
            ddl2.Items.Insert(0,new ListItem("test21","test21"));
        }
        else if (ddl1.SelectedItem.Text == "2")
        {

            ddl2.Items.Insert(0, new ListItem("test2", "test2"));
            ddl2.Items.Insert(0, new ListItem("test22", "test22"));
        }

        // And also you can fill it using  data table or get the value from the database

    }

Let me know this solution work for you :)

Posted 22-Dec-11 17:49pm

Nigam Patel

Solution 1

In ASP .NET, you can use the below JQuery code. Itz generic solution.

JavaScript

<select id="mainDropDown" onchange="getSubcatValue()">
     //Options for mainDropDown list
</select>

<select id="subDropDown"></select>

<script type="text/javascript>
    function getSubcatValue()
    {
        var chosenValue = $("#mainDropDown").val();
        var options = $('#subDropDown').prop('options');
        options = [];
        if (chosenValue == "something") {
            for (var i = 0 ; i < 10 ; i++) {
                options[i] = new Option(i+1, i); // populate the subDropDown with 10 options: 1, 2 ,3, 4, etc...
                //The 1st parameter is the text for the option, the 2nd parameter is the value of the option
            }
        }
    }
</script>

Posted 22-Dec-11 16:34pm

Ganesan Senthilvel

Solution 2

instead of dropdown you used list box.
if dropdown list complessory then paste your code upto which you are done then we will solve it!.

Posted 22-Dec-11 17:04pm

chetan virkar

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)

Shobana16 · Accepted Answer · 2011-12-22T18:30:00

Try this,

ASP.NET

<asp:dropdownlist autopostback="true" id="dd1" runat="server" onselectedindexchanged="dd_select_changed" xmlns:asp="#unknown">

       </asp:dropdownlist>
       <asp:dropdownlist id="dd2" runat="server" xmlns:asp="#unknown">
       </asp:dropdownlist>

CS

C#

 protected void Page_Load(object sender, EventArgs e)
   {
connection();
       string sql = "select * from tblCountry ";
       cmd = new SqlCommand(sql, conn);
       da = new SqlDataAdapter(cmd);
       da.Fill(ds);


           for (int i = 0; i < ds.Tables[0].Rows.Count; i++)
           {
               dd1.DataSource = ds.Tables[0];
               dd1.DataBind();
               dd1.DataTextField = "CountryName";

               dd1.DataValueField = "CountryName";
           }
  }


protected void dd_select_changed(object sender, EventArgs e)
   {
       connection();
       string sql2 = "select * from tblCity where Country='" + dd1.SelectedItem.Value.ToString() + "'";
       cmd = new SqlCommand(sql2, conn);
       da = new SqlDataAdapter(cmd);
       DataSet ds2 = new DataSet();
       da.Fill(ds2);
           dd2.DataSource = ds2.Tables[0];
           dd2.DataBind();
       dd2.DataTextField = "CityName";
       dd2.DataValueField = "CityName";
   }

tblCountry

SQL

CountryName

India
US
UK

tblCity

SQL

CityName        Country

London	        UK
Delhi	        India
san francisco	US