Bootstrap: wybierz/listę opcji nie dostać odświeżony po programowo dodając element

Question

Mam następujący, wybrać opcję/

<select class="bs-select form-control"> 
    <option value="AL">Alabama</option> 
    <option value="WY">Wyoming</option> 
</select> 

w mojej sekcji skryptu, mam to, co działa dobrze. Style są stosowane

$(document).ready(function() { 
    $('.bs-select').selectpicker(); 
}); 

Mam przycisk, który wykonuje to:

$('.bs-select').append($('<option>', { 
         value: 0, 
         text: "test" 
        })); 

Jednak moja lista wyboru nie jest odświeżany.

Próbowałem dodanie

$('.bs-select').selectpicker(); 

po append, ale nadal nie działa.

Moja lista wyboru zostanie odświeżony, jeśli usunę $('.bs-select').selectpicker() w $(document).ready

Jak mogę dostać moją listę, aby odświeżyć po dodaniu elementu przycisk?

Answer 1

Zastosowanie refresh po dodaniu nowej opcji

$('.bs-select').selectpicker('refresh');