2016-11-08 129 views
0

我正在使用引導程序&來到了我添加data-actions-box選項的地步。bootstrap-mutliselect data-actions-box =「true」set and not working

<select id="sex" name="sex[]" multiple data-actions-box="true"> 
<option value="1" >Woman</option> 
<option value="2" >Man</option> 
</select> 

但是,actionsBox沒有出現。謝謝你的幫助。

在答案中提供了兩個類似命名的插件。

如果使用引導程序,多選,使用此:

<script type="text/javascript"> 
    $(document).ready(function() { 
    $("#sex").multiselect({ includeSelectAllOption:true }); 
}); 
</script> 

<select id="sex" name="sex[]" multiple data-actions-box="true"> 
    <option value="1" >Woman</option> 
    <option value="2" >Man</option> 
</select> 

它增加了一個選擇的所有選項,下拉...

+0

actionBox是[Select All |取消選擇所有]插入頂部的向下滾動 – Fringesurfer

+0

可以發表您的完整頁面的代碼?另外,你確定沒有js錯誤? – rodelarode

+0

公司政策禁止粘貼實際全碼:($( 「#性」)多選({buttonWidth: 「200像素」, actionsBox:真實, selectAllText: 「全部」, deselectAllText: 「無」}); – Fringesurfer

回答

0

在我看來u的這兩個引導插件之間的混合。 github.com/davidstutz/bootstrap-multiselect和silviomoreto.github.io/bootstrap-select。因爲data-actions-box =「true」是bootstrap-select的屬性,你可以在其中用按鈕多選選項。

檢查此示例。 http://silviomoreto.github.io/bootstrap-select/examples/#multiple-select-boxes

+0

我需要新的眼鏡和更強的咖啡 - 謝謝 - 我會在選項列表中選擇一個可點擊的div一口氣清除它們----非常感謝你...... – Fringesurfer

相關問題