添加關閉/ ok按鈕到自舉multselect元素的底部？

Question

我正在使用Bootstrap multiselect對象過濾頁面上的查詢結果，並且在選擇一個或多個選項後，我想要一個「關閉」或「確定」按鈕，以在將關閉的選擇列表底部單擊下拉併發起一個事件。最好是位於列表的底部並始終可見，即使項目列表很長並且滾動。

順便說一句，我已經嘗試了幾種不同的方式來做到這一點，包括在列表的末尾添加一個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/

Answer 1

後一噸的試驗和錯誤，我得出的結論是，多選自舉不爲工作的工具。我正在切換到Sumo Select。這裏是我的小提琴，以證明我需要什麼：https://fiddle.jshell.net/94hwnpgx/1/