如何为其中的每个项目显示带有复选框的 Rails 下拉菜单？答案

【问题标题】：How to display a Rails dropdown menu with checkbox for each item in it?如何为其中的每个项目显示带有复选框的 Rails 下拉菜单？
【发布时间】：2019-10-24 22:13:45
【问题描述】：

我的 Rails 表单中有一个选择下拉菜单，如下所示：

<%= f.select :account_id, options_for_select(@entities.collect{ |e| [e.entity, e.entity] }, 1 ), {include_blank: '-Select-'}, { id: 'my_entity'} %>

有没有办法显示下拉菜单，其中包括：

下拉菜单中每个项目的复选框以及
select all 和 unselect all 此下拉列表中的项目的复选框？

请帮忙！

【问题讨论】：

标签： ruby-on-rails drop-down-menu

【解决方案1】：

将复选框放在下拉列表中是一件非常不寻常的事情。

如果你想要复选框，我会跳过select，只提供一个复选框列表。

但我建议通过添加 multiple 选项来使用常规 HTML multiple 选择列表。像这样的：

<%= f.select :account_id, 
      options_for_select(@entities.collect{ |e| 
        [e.entity, e.entity] 
      }, 1), 
      { include_blank: '-Select-' }, 
      { multiple: true, size: [@entities.size, 10].max }
      { id: 'my_entity'} 
%>

【讨论】：

如果您会在 Excel 标题列中看到过滤器，您将获得一个下拉列表 - 如果您单击下拉列表，您将获得该列中所有唯一项目的列表，其中每个项目都有复选框。您还将获得一个复选框，允许您选择菜单中的所有项目（或取消选择所有项目）。我正在寻找类似的东西。控件的细节对我来说并不重要。我想完成 Excel 列标题过滤器的功能；我想在我的 Rails 表单中这样做。
啊...听起来很漂亮。我认为您不会直接从 Rails 中获得它。我建议在 Javascript 方面更多地追求这一点。你在使用像 Vue 或 Bootstrap 这样的前端框架吗？你会在那里找到你正在寻找的东西的工具。类似stackoverflow.com/questions/26976895/… .
我正在使用 JQuery。我发现这两个链接接近我需要的 - jsfiddle.net/p1261jby/3 和 jsfiddle.net/p1261jby/3 。但是带有复选框的下拉菜单正是我所需要的。
我希望能帮上忙。祝你好运，Biju。