c# - 使用 Ajax 自动填充 DropDownList

Question

我有2个已经绑定(bind)在页面加载上的下拉列表，我想在触发ajax函数后重新绑定(bind)这两个下拉列表。这里我编写了一个sql服务器存储过程来获取下拉列表所需的数据。但是我将如何获取dropdownlist的值，以便使用ajax函数绑定(bind)新的数据。该屏幕是使用Asp.net C#编码开发的。

Answer 1

这是asp.net的下拉列表

<asp:DropDownList id="ddlCourse" runat="server" AutoPostBack="false" 
                                    Height="28px" title="Select Course" Width="290px" 
      ></asp:DropDownList>

这是调用 Web 服务方法的 jquery 方法

function BindCourse() {
    $.ajax({
        type: "POST",
        url: "/WebService/CollegeWebService.asmx/GetCourseDetails",
        data: "{}",
        async: true,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: OnCoursePopulated,      
        error: function (xml, textStatus, errorThrown) {
            alert('error');
            alert(xml.status + "||" + xml.responseText);
        }
    });
}

这是在ajex调用方法中使用的方法，并调用PopulateControl方法来绑定(bind)Drop down List

function OnCoursePopulated(response) {

    PopulateControl(response.d,   $('#<%=ddlCourse.ClientID %>'));

}

这里是 PopulateControl 方法的描述

function PopulateControl(list, control) {

    if (list.length > 0) {

        control.removeAttr("disabled");

        control.empty().append('<option selected="selected" value="0">Please select</option>');
        $.each(list, function () {


            control.append($("<option></option>").val(this['Value']).html(this['Text']));

        });
    }
    else {
        control.empty().append('<option selected="selected" value="0">Not available<option>');
    }
}

这样你终于绑定(bind)了下拉列表