Bootstrap Açılır listeyi seç otomatik olarak aşağı doğru hareket eder

Question

Bootstrap IE11'de kullanıcıyı seçin.

Verileri ajax ile doldurup açtığımda, otomatik olarak aşağı doğru hareket eder ve herhangi bir değer seçtiğimde seçilmez. Bu hatayı nasıl kaldırabilirim?

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 ise bu durumla karşı karşıyadır ediyorum ve

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

Bu kodu

bu kaldırmak ve eklemek çözüm bulmak zorunda

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