Bootstrap Seleziona la lista di selezione sposta automaticamente il reparto

Question

I'm Bootstrap Seleziona utente in IE11.

Quando riempio i dati con ajax e lo apro, esso si sposta automaticamente verso i reparti e quando seleziono un valore, non è selezionato. Come posso rimuovere questo errore?

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

Sto affrontando questo problema in IE e devo trovare la soluzione

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

rimuovere questo e aggiungere questo codice

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