Javascript 填充选择选项没有'；不能使用选择器类

我有一个引导Selectpicker控件，我想用Javascript填充它，代码可以很好地使用简单的选择输入，但是当我添加

class=“Selectpicker”

时，它就不再工作了

这是我的密码： HTML

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);
}

var select=document.getElementById（“热点列表”）；
var期权=[“1”、“2”、“3”、“4”、“12”]；
对于（变量i=0；i

使用

refresh（）

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

---

更新：

只需启用引导-通过JavaScript选择，如：

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

$（'.selectpicker'）。selectpicker（'refresh'）将起作用。


函数addMore（）{
var select=document.getElementById（“热点列表”）；
var期权=[“1”、“2”、“3”、“4”、“12”]；
对于（变量i=0；i

@导入url（'http://getbootstrap.com/dist/css/bootstrap.css');

芥末
番茄酱
烧烤
加多它在JSFIDLE中工作：谢谢，你救了我一天：）我不介意你是否接受并投票：）很高兴编码它不起作用，这起作用：$（“#热点列表”）。选择选择器（'refresh'）；
 $('.selectpicker').selectpicker('refresh');

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