javascript - 如何在 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')。

refresh()

To programmatically update a select with JavaScript, first manipulate the select, then use the refresh method to update the UI to match the new state. This is necessary when removing or adding options, or when disabling/enabling a select via JavaScript.

片段

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

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