부트 스트랩 multselect 요소의 맨 아래에 닫기/확인 버튼을 추가 하시겠습니까?

Question

부트 스트랩 다중 선택 개체를 사용하여 페이지에서 쿼리 결과를 필터링하고 하나 이상의 옵션을 선택한 후 닫을 선택 목록 맨 아래에있는 "닫기"또는 "확인"단추를 누릅니다. 드롭 다운 및 이벤트를 발생시킵니다. 항목 목록이 길고 스크롤 된 경우에도 목록 맨 아래에 있고 항상 표시되는 것이 가장 좋습니다.

나는 목록의 끝에서 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

시행 착오의 톤, 내가 부트 스트랩 다중 선택이 작업에 적합한 도구가 아닙니다 결론에 도달 한 후에. 나는 스모 셀렉트로 전환하고있다. 여기 내 피들이가 내가 원하는 것을 정확하게 보여줄 수 있습니다 : https://fiddle.jshell.net/94hwnpgx/1/