下拉菜单所有元素都是复选框

Question

我正在尝试创建一个下拉菜单，其中下拉菜单中的所有选项都是复选框。这里的动机是，用户可以在下拉列表中轻松选择多个选项。根据他们选择的内容，我需要对表单进行参数化并发出Ajax请求。

Answer 1

你可以试试这两个中的一个 -

http://www.sexyselect.net

或

http://code.google.com/p/jquery-asmselect/

Answer 2

jQuery Multiselect的快速谷歌作为第一个结果返回a jQuery UI plugin。

Answer 3

尝试下拉核对清单：http://dropdown-check-list.googlecode.com/svn/trunk/doc/dropdownchecklist.html

Answer 4

<label>元素使得制作这样的菜单非常简单。

<ul>
  <li>
    <label for="item-1">
      <input type="checkbox" name="item" value="1" /> 
      <span>Item 1</span>
    </label>
  </li>
  <li>
    <label for="item-2">
      <input type="checkbox" name="item" value="2" /> 
      <span>Item 2</span>
    </label>
  </li>
  <li>
    <label for="item-3">
      <input type="checkbox" name="item" value="3" /> 
      <span>Item 3</span>
    </label>
  </li>
  ...
</ul>

.live()功能对于将$_POST requests发送到服务器非常有用。

请注意，向<li>元素添加填充或向<label>添加边距会降低此方法效果。