Как добавить значения параметров на silviomoreto Bootstrap-Select

Я использовал silviomoreto bootstrap-select, но у меня проблемы. У меня есть 2 раскрывающихся списка (выберите) раскрывающийся список "Регион" и "Города". Теперь у меня есть функция jquery onchange, функция изменит значения в раскрывающемся списке городов в зависимости от выбранного региона. Здесь мой код:

<select id="region" class="selectpicker"></select>
<select id="cities" class="selectpicker"></select>

$("#region").on('change', function () {
   $("#cities").html('<option>city1</option><option>city2</option>');
});

Проблема в том, что я считаю совместимость? Когда я удалил class= "selectpicker", он отлично работает, но я не могу удалить его, потому что я использовал его для моего dropdown ui. Я проверил документацию здесь http://silviomoreto.github.io/bootstrap-select/, но я не могу найти ответ на свой вопрос. Спасибо!

Ответы

Ответ 1

Попробуйте selectpicker('refresh').

refresh()

Чтобы программно обновить выбор с помощью JavaScript, сначала выполните выберите, затем используйте метод обновления для обновления пользовательского интерфейса, чтобы он соответствовал новое состояние. Это необходимо при удалении или добавлении параметров, или когда отключить/включить выбор через JavaScript.

Отрывок

$("#cities")
   .html('<option>city1</option><option>city2</option>')
   .selectpicker('refresh');

Рабочая демонстрация: http://jsfiddle.net/codeandcloud/nr54vx7b/