2016-11-08 281 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