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')。

refresh()

要以编程方式使用JavaScript更新选择，请先进行操作 select，然后使用refresh方法更新UI以匹配新国家。 删除或添加选项或何时需要禁用/启用选择通过JavaScript 。

片段

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

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

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

1 个答案:

refresh()