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

我使用了silviomoreto的bootstrap-select,但我遇到了问题。 我有2个下拉菜单(选择)区域下拉列表和城市。 现在,我有一个jquery onchange函数,该函数将根据所选区域更改城市下拉列表中的值。 这是我的代码:

  $("#region").on('change', function () { $("#cities").html('city1city2'); }); 

问题是我认为兼容性? 当我删除class =“selectpicker”它工作正常,但我无法删除它因为我用它来下拉ui。 我查了这里的文档https://developer.snapappointments.com/bootstrap-select/但是我找不到相关问题的答案。 谢谢!

尝试selectpicker('refresh')

刷新()

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

片段

 $("#cities") .html('') .selectpicker('refresh'); 

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