javascript - 填充选择选项不适用于 selectpicker 类

Question

我有一个 Bootstrap Selectpicker 控件，我想用 Javascript 填充它，代码可以在简单的选择输入下正常工作，但是当我添加 class="selectpicker" 时，它不再工作

这是我的代码:HTML

<select id="hotspotList" class="selectpicker show-menu-arrow form-control">
</select>

Javascript

var select = document.getElementById("hotspotList");
var options = ["1", "2", "3", "4", "12"];
for(var i = 0; i < options.length; i++) {
    var opt = options[i];
    var el = document.createElement("option");
    el.textContent = opt;
    el.value = opt;
    select.appendChild(el);
}

Answer 1

Use 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. Refer https://silviomoreto.github.io/bootstrap-select/

 $('.selectpicker').selectpicker('refresh');