将表单元素动态添加到 Bootstrap 多选库

Question

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

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

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