[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 256
  • Last Modified:

asp.net dynamic drop down

Experts,

I have a dropdown <select><option value=1>1</option><option value=25>25</option></select>
When Onchange event is on, I would like to show like
City/State: <div><input name=city> <input name=state></div>

If 1 is selected, it show one city/state, if 25 is selected it show 25 city/state
and each <input name> has to be different.

And once the button is clicked, it will captures each city/state and save into the database.

Thanks
0
Webboy2008
Asked:
Webboy2008
  • 5
  • 3
1 Solution
 
strickddCommented:
I would do this through javascript, create an onChange javascript event for your drop down and do something like this:

function DDLChange()
{
     if(document.getElementById('<%= MyDDL.ClientID %>').val == 1)
          document.getElementById('<%= MyCity.ClientID %>').style.display = "none";
     else
          document.getElementById('<%= MyCity.ClientID %>').style.display = "";        
}
0
 
Webboy2008Author Commented:
strickdd: I think yours won't work to me. It just display <div> or not.
I need a list of city/state based on the number he/she select
Plus I need to save the value into Db as well.

Thanks
0
 
strickddCommented:
Then you can have you OnChange server event dynamically add the controls you need to a place holder. In that you can check the value and add the controls needed. The catch is, you will have to add these controls EVERY postback otherwise they will be lost. You can even have a method like this instead of you OnChange method:

protected void Page_Load(...)
{
      if(Page.IsPostBack)
            CreateFields();
}

private void CreateFields()
{

     if(myDDL.SelectedValue == "1")
     {
           TextBox stateTextBox = new TextBox();
           stateTextBox.ID = "MyTextBoxID" //This must be the same each postback
           //Viewstate will automatically re-populate the textboxes when created like this
          MyPlaceHolder.Controls.Add(stateTextBox);
      }
}
0
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 
strickddCommented:
If you go that route, you will need to set the AutoPostBack to true on the DDL so it does a server post.
0
 
Webboy2008Author Commented:
Strickdd: If you don't mind, I really need completed working codes. Thanks. About your codes,
it won't work because it is static textbox name. If I have 25 city/states, what the textbox names will be...?
0
 
strickddCommented:
Assuming you have a fixed naming pattern for you drop downs, you can do something like the following. It is an example of what you will need to do, but the basic concept is to loop through your drop downs, check the values, and add the controls needed.

for (int i=0; i< numDDLs; i++)
{
        if(((DropDownList)Page.FindControl("MyDDL_ID_" + i.ToString()).SelectedValue == "1") //Instead of Page.FindControl, use the closes parrent for better efficiency
        {
                 TextBox stateTextBox = new TextBox();
                 stateTextBox.ID = "MyTextBoxID" + i.ToString() //This must be the same each postback, the static string and "i" value will make it the same
               ((PlaceHolder)Page.FindControl("MyCityStatePlaceHolder_ID_" + i.ToString().Controls.Add(stateTextBox);
         }
}

Open in new window

0
 
Webboy2008Author Commented:
A completed and working codes will be really helpful....:-D Thanks.
0
 
strickddCommented:
Given your loosely defined requirements and no knowledge of what your setup is exactly, that is an impossible task. Given the level of knowledge you appear to have, it is well within your ability to take the code provided and make it suit your exact needs.

Experts Exchange is not a place to have people do the work for you, but rather a place to receive assistance on technical problems you are having.
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 5
  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now