动态添加表单元素到Bootstrap multiselect库

Question

我正在尝试使用Bootstrap多选库（http://davidstutz.github.io/bootstrap-multiselect/#getting-started）来使用表单控件，即Bootstrap下拉列表中的复选框。我试图动态填充选项而不是示例。但是，动态添加元素会导致下拉列表在选择表单元素后立即关闭（可能这与事件传播有关），并且不允许我操作其他复选框。我该如何解决这个问题？

具体来说，如何将元素动态填充到选择标记中？例子：

 <select id="example-getting-started" multiple="multiple">
    <option value="cheese">Cheese</option>
    <option value="tomatoes">Tomatoes</option>
    <option value="mozarella">Mozzarella</option>
    <option value="mushrooms">Mushrooms</option>
    <option value="pepperoni">Pepperoni</option>
    <option value="onions">Onions</option>
</select>

非常感谢任何帮助！

Answer 1

$('#example-getting-started').append($('<option>', {
      value: 'optionValue',
      text : 'optionText'
    }));

然后：

$('#example-getting-started').multiselect('rebuild');