2017-05-08 3 views
0

私はブートストラップマルチセレクションオブジェクトを使用してページ上のクエリ結果をフィルタリングしています.1つ以上のオプションを選択した後、選択リストの一番下にある「閉じる」または「OK」ボタンをクリックして閉じるドロップダウンしてイベントを発生させます。アイテムのリストが長くてスクロールしていても、リストの一番下に表示され、常に表示されることをお勧めします。ブートストラップmultselect要素の一番下にclose/okボタンを追加しますか?

ところで、リストの終わりに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 with optional Close button

答えて

1

試行錯誤のトンが、私はブートストラップ複数選択が仕事のための適切なツールではないという結論に来た後。私はSumo Selectに切り替えています。ここに私のフィドルが私が必要とするものを正確に示すことがあります:https://fiddle.jshell.net/94hwnpgx/1/

関連する問題