Bootstrap Select 下拉列表自动向下移动

Question

我是 Bootstrap Select IE11 用户。

当我用 ajax 填充数据并打开它时，它会自动向下移动，当我 select 任何值时，它不会 selected。我怎样才能消除这个错误？

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

        }
    });

Answer 1

我在 IE 中遇到这个问题，我找到了解决方案

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

删除此代码并添加此代码

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

Bootstrap Select 下拉列表自动向下移动

Bootstrap Select drop list moves down ward automatically

bootstrap-select