使用jquery插件selectbox.js在运行时向dropdownlist添加新选项

时间:2013-10-26 10:55:32

标签: jquery css

这是我的控制,

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

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

这是我的ajax网络方法代码。

    <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>

1 个答案:

答案 0 :(得分:0)

只需创建项目

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);
}