1

我正在尝试使用 jQuery 多选插件填充下拉列表。当我使用具有硬编码值的简单下拉菜单时，它可以正常工作。但是，当我从数据库中获取记录以填充下拉列表时，记录不会显示在 IE 的下拉列表中（它在 Chrome 中工作正常）。

JavaScript

<script>
function Fill(U, F, D, C) {
    $.ajax({ type: "POST",
        url: U + '/' + F,
        data: D,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        async: false,
        cache: false,
        success: function (r) {
            var i;
            //$('#' + C + '').length = 0;
            var myItem = r.d.split('#');
            $('#' + C + '').empty();
            for (i = 0; i < myItem.length; i = i + 2) {
                $('#' + C).append(new Option('' + myItem[i + 1] + '','' + myItem[i] + ''));
            }
        }
    });
}
 $(document).ready(function () {
                Fill('WebForm1.aspx', 'FillDepartmentDropdown', '{}', 'ddlDepartment');
                $("#ddlDepartment").multiselect({
                    header: "Choose an Department!"
                });
            });
</script>

CS

[WebMethod]
        public static string FillDepartmentDropdown()
        {
            string DataOutput = "";
            DataSet ds;
            Hashtable ObjParameters = new Hashtable();
            BusinessLogicLayer ObjBusiness = new BusinessLogicLayer();
            ds = ObjBusiness.SPDataSet(ObjParameters, "SelectAllDept");
            for (int i = 0; i < ds.Tables[0].Rows.Count; i++)
            {
                DataRow dr = ds.Tables[0].Rows[i];
                DataOutput = DataOutput + "#" + dr["Department"].ToString() + "#" + dr["id"].ToString();
            }
            return DataOutput;
        }

html

<select id="ddlDepartment" ><option>32</option> <option>3213</option><option>321</option></select>
4

2 回答 2

1

问题是因为New Option有时在 IE 上效果不佳，请尝试更改将其附加到的方式：'<option value="' + myItem[i + 1] + '">' + myItem[i + 1] + '</option>'

于 2013-08-14T11:10:31.980 回答
0

Jquery 多选插件有一种添加选项的特殊方法。如果 API 文档不够清晰，请始终查看源代码：

$('#Portfolios').multiSelect('addOption', { 'value': value, 'text': text })

您甚至可以改用对象数组，一次提供多个选项。

一切都非常简单。

正如一些人所建议的那样，不需要任何刷新调用。

于 2014-05-28T13:48:50.730 回答