使用jquery动态填充下拉列表

Question

我使用的是 SharePoint 2010，jquery-1.9.0.min.js，需要根据用户的 AD 组填充 asp 下拉列表。我已经有了获取 AD 组并获取需要进入下拉列表的值的代码。下拉列表将包含 2 到 4 个项目（文本和值）的任意组合，然后所选项目应流入同一网页上的 Web 部件。我是 SharePoint/jquery 的新手，不确定如何动态设置下拉列表选项。我设置了带有虚假文本和值的下拉列表，需要用每个用户的有效值替换它。如果可能的话，我想使用 jquery。如果有另一种更简单的方法 - 请告诉我。如果需要，我需要知道如何添加 1 或 2 个附加选项。

<asp:DropDownList runat="server" id="DropDownList1" AutoPostBack="True">
                            <asp:ListItem value="06">Fac1</asp:ListItem>
                            <asp:ListItem value ="07">Fac2</asp:ListItem>
                        </asp:DropDownList>

Answer 1

这是一个很好的例子： http://www.joe-stevens.com/2010/02/23/populate-a-select-dropdown-list-using-jquery-and-ajax/

...以及博客中的代码示例。在您的情况下，应使用 DropDownList 控件的 .ClientID 属性填充“#ddlGender”，您需要调整调用和处理以适应您的具体情况：

$().ready(function() {
$.ajax({
    type: "POST",
    url: "Default.aspx/GetGenders",
    data: "{}",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
        success: function(msg) {
            $("#ddlGender").get(0).options.length = 0;
            $("#ddlGender").get(0).options[0] = new Option("Select gender", "-1");   

            $.each(msg.d, function(index, item) {
                $("#ddlGender").get(0).options[$("#ddlGender").get(0).options.length] 
                      = new Option(item.Display, item.Value);
            });
        },
        error: function() {
            alert("Failed to load genders");
        }
    });
});