首页 > 解决方案 > 根据来自jquery的数据将数据绑定到sql中的下拉列表

问题描述

我有一个麻烦,我想从 sql 加载数据并根据 jquery 中的数据绑定到下拉列表。基本上,我使用的是 fullcalendar 插件,下拉列表需要根据用户点击的日期从 sql 中获取值。

这是“选择”回调:

select: function (start, end) {
                            clearValues();
                            $("#PopupBookForm").modal('show');
                            $("#CDate").val(moment(start).format("YYYY/MM/DD"));
                            $("#CTime").val(moment(start).format("HH:mm:ss"));
                            $("#CEndTime").val(moment(end).format("HH:mm:ss"));

                            $("#courtDay").text(moment(start).format("dddd"));

                            getCourt(start);

                        }

这是 getCourt 函数:

function getCourt (currentDay)
        {
            $.ajax({

                type: "POST",
                data: "{'CurrentDay':'" + currentDay + "'}",
                url: "MRBS_BookingCourt.aspx/GetCourt"

            });
        }

这是来自 C#:

[System.Web.Services.WebMethod]
public void GetCourt(DateTime CurrentDay)
{

    InsertCourt(CurrentDay);
}

private void InsertCourt(DateTime CurrentDay)
{

    string day = CurrentDay.ToString("dddd");



    if (day.Equals("Tuesday") || day.Equals("Thursday") || day.Equals("Saturday"))
    {

        string query = "SELECT courtname FROM MRBS_Court WHERE courtCode = '100'";

        SqlCommand cmd = new SqlCommand(query, con);
        SqlDataReader reader = cmd.ExecuteReader();

        if (reader.HasRows)
        {
            while (reader.Read())
            {
                DropDownList1.Items.Add(new ListItem(Convert.ToString(reader["courtname"])));
            }

            reader.NextResult();


        }

        reader.Close();
    }
    else
    {
        ScriptManager.RegisterClientScriptBlock(this, this.Page.GetType(), "alertMessage", "alert('" + day + "');", true);
    }


}

因此,当用户点击日历上的星期二或星期四或星期六时,会弹出一个表单,然后表单中的下拉列表将根据 sql 中的法院代码加载法院。

这是下拉列表:

<asp:DropDownList ID="DropDownList1" runat="server"></asp:DropDownList>

非常感谢 !

标签: c#jqueryasp.netwebformsfullcalendar

解决方案


推荐阅读