I have the following select/option
<select class="bs-select form-control">
<option value="AL">Alabama</option>
<option value="WY">Wyoming</option>
</select>
In my script section, I have this, which works fine. The styles are being applied
$(document).ready(function () {
$('.bs-select').selectpicker();
});
I have a button that does this:
$('.bs-select').append($('<option>', {
value: 0,
text: "test"
}));
However my select list isn't refreshed.
I tried adding
$('.bs-select').selectpicker();
after the append but it still doesn't work.
My select list gets refreshed if I remove the $('.bs-select').selectpicker()
in $(document).ready
How can I get my list to refresh after adding an item?
Use refresh
after adding new option
$('.bs-select').selectpicker('refresh');
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With