Question

我的代码是：

 <div class="btn-group">
        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Dropdown
        <span class="caret"></span>
        </button>
        <ul class="dropdown-menu" >
             <li class="week" ><div class="checkbox"><label><input type="checkbox"> Monaday</label></div></li>
             <li class="week" ><div class="checkbox"><label><input type="checkbox"> Tuesday</label></div></li>
             <li class="week" ><div class="checkbox"><label><input type="checkbox"> Wednesday</label></div></li>
             <li class="week" ><div class="checkbox"><label><input type="checkbox"> Thusday</label></div></li>
             <li class="week" ><div class="checkbox"><label><input type="checkbox"> Friday</label></div></li>
             <li class="week" ><div class="checkbox"><label><input type="checkbox"> Saturday</label></div></li>
             <li class="week" ><div class="checkbox"><label><input type="checkbox"> Sunday</label></div></li>
         </ul>
    </div>

我想创建一个下拉菜单，其中一次由用户选择multiple check-boxes，但是当我要选择一个时，下拉菜单将关闭。

Answer 1

我假设您正在使用bootstrap ...请查看此链接，他们已在下拉 Link Here 中定义了如何选择multiple-values，请检查第3个示例< / strong>在此!!

Answer 2

如果您想要一个带有复选框的下拉列表，用户可以选中多个复选框，请使用此jquery插件。

演示：http://www.erichynds.com/examples/jquery-ui-multiselect-widget/demos/

教程：http://www.erichynds.com/blog/jquery-ui-multiselect-widget

同时检查一下：https://code.google.com/p/dropdown-check-list/

Answer 3

为什么不使用HTML select 元素，该元素是原生的并且是为此目的设计的，具有 multiple 属性 - 请参阅<select> on the Mozilla Developer Network。

这看起来像 -

<select multiple class="dropdown-menu">
    <option value="monday">Monday</option>
    <option value="tuesday">Tuesday</option>
    <option value="wednesday">Wednesday</option>
    <option value="thursday">Thursday</option>
    <option value="friday">Friday</option>
    <option value="saturday">Saturday</option>
    <option value="sunday">Sunday</option>
</select>

我创建了一个jsfiddle showing工作示例。

归功于A.Wolff是第一个提出这个建议的人（如果你把它作为答案添加我会投票）。

最后，您的工作日示例中有一些拼写错误。

如何一次在下拉列表中选择多个值？

3 个答案: