Rails 生成带有选项和选项组的选择答案

【问题标题】：Rails generate select with both options and option groupsRails 生成带有选项和选项组的选择
【发布时间】：2019-06-11 13:17:40
【问题描述】：

是否可以生成类似的选择：

<select>
  <option value>Some nill value label</option>
  <option value="1">Option one</option>
  <optgroup label="Option Group 1" class="css-class-for-option-group-1">
    <option value="1:1">Option one in group 1</option>
    <option value="1:2">Option two in group 1</option>
  </optgroup>
  <optgroup label="Option Group 2" class="css-class-for-option-group-2">
    <option value="2:1">Option one in group 2</option>
    <option value="2:2">Option two in group 2</option>
  </optgroup>
</select>

我尝试使用grouped_options_for_select，但我找不到将选项和组都传递给它的方法。有没有办法实现这一目标？我也愿意接受使用 SimpleForm 的建议。

谢谢！

【问题讨论】：

您要为其呈现选项的数据是什么样的？

标签： ruby-on-rails ruby ruby-on-rails-5 simple-form

【解决方案1】：

在不知道数据是什么样子的情况下很难准确回答，但我猜你有这样的东西：

@grouped_options = [
  ["Some nil value label"],
  ["Option one", "1"],
  ["Option Group 1",
    [
      ["Option one in group 1", "1:1"],
      ["Option two in group 1", "1:2"],
    ]
  ],
  ["Option Group 2",
    [
      ["Option one in group 2", "2:1"],
      ["Option two in group 2", "2:2"],
    ]
  ],
]

这样，您有几个选择。在普通的 ERB 中，你可以这样做：

<%= select "thing", "some_attr" do %>
  <% @grouped_options.each do |label, value_or_options| %>
    <% if Array === value_or_options %>
      <%= tag.optgroup options_for_select(value_or_options), label: label %>
    <% else %>
      <%= tag.option label, value: value_or_options %>
    <% end %>
  <% end %>
<% end %>

不过，就我个人而言，我会写一个助手。 Enumerable#chunk 方法将一个数组拆分为多个值，这些值对给定块返回相同的内容，从而可以轻松地将分组项与非分组项分开，因此我们可以分别使用 grouped_options_for_select 和 options_for_select：

def ungrouped_and_grouped_options_for_select(choices, selected_key = nil)
  capture do
    choices
      .chunk {|_, choice_or_group| Array === choice_or_group }
      .each do |is_group, choices_or_grouped_choices|
        if is_group
          concat grouped_options_for_select(choices_or_grouped_choices, selected_key)
        else
          concat options_for_select(choices_or_grouped_choices, selected_key)
        end
      end
  end
end

然后你可以这样使用它：

<%= select "thing", "some_attr" do %>
  <%= ungrouped_and_grouped_options_for_select(@grouped_options) %>
<% end %>

您可以在 repl.it 上看到这两种方法的实际效果：https://repl.it/@jrunning/UnacceptablePlaintiveServer（请参阅 views/tests/index.html.erb、controllers/tests_controller.rb 和 helpers/application_helper.rb）。

【讨论】：