ie10、11 和 ie8 上的 bootstrap-select 自动滚动

Question

我使用了 Bootstrap 选择，在该下拉列表中包含国家、州列表。当我选择国家然后状态下拉 html 引用

jQuery.ajax({
        url: base_url + "UserBusinesses/ajaxState/" + countryId,
        dataType: 'json',
        beforeSend: function () {
            $('#UserBusinessStateId').html('<option value="">Loding... </option>');
            $('#UserBusinessStateId').selectpicker('refresh');
            $('#UserBusinessCityId').html('<option value="">Select city</option>');
            $('#UserBusinessCityId').selectpicker('refresh');
        },
        success: function (obj) {
            var addHtml = '';
            addHtml += '<option value="">Select state</option>';
            $.each(obj, function (key, value) {
                var selected = "";
                if (selectedState == key) {
                    var selected = "selected='selected'";
                }
                addHtml += "<option value='" + key + "' " + selected + ">" + value + "</option>";
            });
            jQuery("#UserBusinessStateId").html(addHtml);

            $('#UserBusinessStateId').selectpicker('refresh');

        }
    });

它在其他浏览器中运行良好，但在 ie 中，当我们选择状态下拉菜单时，滚动条自动工作意味着它下降了。我该如何解决这个问题

Answer 1

我也遇到了同样的问题。自动填充下拉选项时似乎会发生这种情况。我找到了一个解决方法，就是在html文件中明确定义第一个选项，即在<select>标签之间添加一行<option value='yourvalue'>youroption </option>。然后，您可以在 js 中填充其余选项（如果需要，覆盖 html 文件中指定的第一个选项）。这对我有用。