Измените содержимое страницы, когда пользователь нажимает другой вариант в раскрывающемся списке

У меня есть выпадающий список. Пользователь при выборе другого значения, я должен получить текст параметра, который пользователь выбрал из раскрывающегося списка, затем найти данные из базы данных и отобразить соответствующий контент на веб-странице. Если пользователь снова изменит параметр, я должен получить другие данные на основе выбранного текста параметра и отобразить другой контент на веб-странице.

Как я мог это сделать? У кого-нибудь есть идеи, чтобы держать меня начать? Я искал в Интернете, но не нашел ничего полезного.

Это мои коды:

Файл ASPX:

<asp:Dropdownlist ID="SelectionDropDownList" 
                  runat="server" Width="136px" 
                  EnableViewState="True" 
                  AppendDataBoundItems="true">
</asp:Dropdownlist>

Файл CS:

//how the dropdown list is being populated out. Dropdown list is being populated out from what the user has selected from a listbox.
public void BindSomething()
{
    DateTime choosenDate = DateTime.MinValue;
    using (SqlConnection conn = new SqlConnection(dbConn))
    {
        using (SqlCommand cmd = new SqlCommand(spretrieve, conn))
        {
            //Lost to hold the values
            List<DateTime> listCopy = new List<DateTime>();
            DateTime dt;
            string values = String.Join(", ", ListBox1.Items.Cast<ListItem>().Where(i => i.Selected).Select(i => i.Text));
            if (values.Contains("Select All"))
            {
                //Loop through each items in listbox and then add it to list
                foreach (ListItem li in ListBox1.Items)
                {
                    if (DateTime.TryParse(li.Text, out dt))
                    {
                        listCopy.Add(dt);
                    }
                }
            }
            else
            {
                //Loop through each items in listbox and then add it to list
                foreach (ListItem li in ListBox1.Items)
                {
                    //check if item is selected
                    if (li.Selected == true)
                    {
                        //add items to list
                        listCopy.Add(DateTime.Parse(li.Text));
                    }
                }
            }

            //compare and sort so that the latest date comes on top
            listCopy.Sort((x, y) => y.CompareTo(x));
            //clear the items in dropdownlist
            SelectionDropDownList.Items.Clear();
            //set the datasource to dropdownlist
            SelectionDropDownList.DataSource = listCopy;
            //set the dateformatstring in dropdownlist
            SelectionDropDownList.DataTextFormatString = "{0:dd-MMM-yyyy}";
            //Bind the dropdownlist
            SelectionDropDownList.DataBind();
        }

Благодарю, если кто-то может помочь мне в этом, большое спасибо!!


person Felicia Soh    schedule 29.09.2015    source источник


Ответы (1)


Вы можете попробовать использовать jQuery

$(document).ready(function() {
$('#SelectionDropDownList').change(function(){
  //here you can add code for whatever you want to show   
});
});

Я надеюсь, что это поможет вам.

person Amit Ghute    schedule 29.09.2015