将表单元素动态添加到 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');