Bootstrap Wybierz listę rozwijaną przesuwa się automatycznie w dół

Question

Jestem Bootstrap Wybierz użytkownika w IE11.

Kiedy napiszę dane z ajaxem i otworzę, to automatycznie przesunie się w dół i kiedy wybiorę jakąś wartość, to nie jest ona zaznaczona. Jak mogę usunąć ten błąd?

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

Jestem stoi ten problem w IE i muszę znaleźć rozwiązanie

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

usunąć ten i dodać ten kod

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