Bootstrap: selezionare Elenco/opzione non rinfrescarsi dopo l'aggiunta di programmazione voce

Question

Ho la seguente select/opzione

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

Nella mia sezione sceneggiatura, ho questa, che funziona bene. Gli stili vengono applicati

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

Ho un pulsante che fa questo:

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

Tuttavia il mio elenco di selezione non è aggiornata.

Ho provato ad aggiungere

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

dopo l'accodamento, ma ancora non funziona.

mio elenco di selezione viene aggiornato se mi tolgo la $('.bs-select').selectpicker() in $(document).ready

Come posso ottenere la mia lista per rinfrescarsi dopo l'aggiunta di un articolo?

Answer 1

Usa refresh dopo l'aggiunta di nuova opzione

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