jquery - 在引导多重选择元素的底部添加关闭/确定按钮？

我正在使用Bootstrap多选对象来过滤页面上的查询结果，选择一个或多个选项后，我希望在选择列表的底部单击“关闭”或“确定”按钮，以关闭下拉菜单并触发一个事件。即使项目列表很长且已滚动，也最好将其放在列表的底部并始终可见。

顺便说一句，我尝试了几种不同的方法，包括在列表的末尾添加一个LI元素，但是我尝试过的方法都没有。

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

$('#multiselect').multiselect({
    maxHeight: 160,
    buttonClass: 'thisBtn',
    onDropdownShow: function(event) {
    //nothing
    }
});

这是一个入门小提琴：http://jsfiddle.net/kybqvjbp/3/

最佳答案

经过大量的反复试验，我得出的结论是，Bootstrap Multiselect不是适合该工作的工具。我将切换到Sumo Select。这是我的小提琴，用以确切说明我的需求：https://fiddle.jshell.net/94hwnpgx/1/

关于jquery - 在引导多重选择元素的底部添加关闭/确定按钮？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/43848274/