如何在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/但是我找不到相关问题的答案。 谢谢！

Answer 1

尝试selectpicker('refresh') 。

刷新（）

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

片段

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

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