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

Question

我使用了 silviomoreto 的引导选择，但我遇到了问题。 我有 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" 时它工作正常，但我无法删除它，因为我将它用于我的下拉 ui。我在这里查看了https://developer.snapappointments.com/bootstrap-select/ 的文档，但我找不到我的问题的相关答案。谢谢！

Answer 1

试试selectpicker('refresh')。

refresh()

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

片段

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

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