jquery - 使用 jquery 插件 selectbox.js 在运行时向下拉列表添加新选项

Question

这是我的控制，

<select name="ddlRequestType" id="ddlRequestType">
                    <option value="">Select</option>
                </select>

我想使用 ajax webmethod 从数据库下拉列表中添加新选项。但我要补充。

这是我的 ajax web 方法代码。

    <script>
        $(function () {
            $("#ddlRequestType").selectbox();
            loadFilterData();
        });
        function loadFilterData() {
            $.ajax({
                type: "POST",
                url: "Index.aspx/loadFilterData",
                data: "{}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (data) {

                    //debugger;
                    for (var i = 0; i < data.d.length; i++) {
                        }
                },
                error: function () {
 }     

         });
        }
    </script>

Answer 1

只需创建项目

var ul = $(document.getElementById("ddlRequestType"));
for (var i = 0; i < data.d.length; i++) {
    var li = $(document.createElement("li")).val(data.d[i].value).text(data.d[i].text);
    ul.append(li);
}