Bootstrap Select drop list автоматически перемещается вниз

Я - Bootstrap Выберите пользователя в IE11.

Когда я заполняю данные с помощью ajax и открываю его, он автоматически перемещается вниз по сторонам и когда я выбираю любое значение, то оно не выбирается. Как удалить эту ошибку?

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

        }
    });

Ответы

Ответ 1

Я столкнулся с этой проблемой. В IE и я нашел решение

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

удалите это и добавьте этот код

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