如何使用 .select2 加粗标题？

Posted 2023-05-07

【中文标题】如何使用 .select2 加粗标题？

【英文标题】：How to Bold Headline With .select2?

【发布时间】：2016-03-13 21:47:53

【问题描述】：

如何使用 ruby​​ 添加粗体标题（又名 optgroup) 和 select2？

  <%= @challenge.select(:name, [[], ['optgroup label: Mind'], ['Write a Book'], ['Paint a Picture'], ['optgroup label: Body'], ['Run a 5K'], ['Lose 10 Pounds']]) %>

  $('select').select2(
    placeholder: "Enter Challenge",
    theme: "bootstrap",
    allowClear: false,
    tags: true,
    multiple: false,
  );

我很难将此处提供的答案转换为红宝石解决方案：Select2 - How to insert a bolded headline?

【参考方案1】：

你试过了吗：grouped_collection_select？

http://apidock.com/rails/ActionView/Helpers/FormOptionsHelper/grouped_collection_select

更新示例：

控制器：

@collection = [['Mind', ['Write a Book', 'Paint a Picture']], ['Body', ['Run a 5K', 'Lose 10 Pounds']]]

查看：

<%= @challenge.grouped_collection_select(:name, @collection, :last, :first, :to_s, :to_s, include_blank: true) %>

显然我没有你的确切源代码，但这应该可以。

【讨论】：

这方面的文档太混乱了。你能帮我么？我将如何列出模型中的挑战？文档仅显示不同模型之间的关系。然后我想我可以通过@challenge.grouped_collection_select(:name) 将这些挑战+ optgroup 标签称为？