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

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

如果你想要一个下拉框，其中复选框可以由用户选择多个复选框，然后使用这个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 2

我假设你正在使用bootstrap ...检查此链接，它们定义了如何选择multiple-values一滴下来Link Here，请检查第三个例子在这！

Answer 3

为什么不直接使用HTML 选择元件，其本地和设计的目的，与多属性 - 见<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是第一个提出这个建议的人（如果你将它添加为答案，我会投票）。

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