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

【问题标题】：Drop Down Menu Where All the Elements are Check Boxes所有元素都是复选框的下拉菜单
【发布时间】：2011-09-14 19:41:44
【问题描述】：

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

【问题讨论】：

标签： jquery html ajax forms

【解决方案1】：

你可以试试这两个之一 -

http://www.sexyselect.net

或

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案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> 中添加边距会降低此方法的效果。

【讨论】：

我希望这些元素悬停在下拉菜单中。
<ul> 元素将是您的下拉菜单。
对我来说，它不是创建下拉列表：jsfiddle.net/KJGB7。我做错了什么？
这个解决方案更适合定制菜单。鉴于您在 HTML/CSS 方面的明显知识水平，我可能会建议您使用插件。