如何在silviomoreto的Bootstrap-Select上添加选项值

Question

我使用了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"时它工作正常,但我无法将其删除,因为我将它用于我的下拉菜单.我查了这里的文档https://developer.snapappointments.com/bootstrap-select/但是我找不到我的问题的相关答案.谢谢!

Answer 1

试试selectpicker('refresh').

刷新()

要以编程方式使用JavaScript更新选择,请先操作select,然后使用refresh方法更新UI以匹配新状态.在删除或添加选项时,或通过JavaScript禁用/启用选择时,这是必需的.

片段

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

工作演示:http://jsfiddle.net/codeandcloud/nr54vx7b/