html - 自定义样式遵循 HTML 表单选择字段到 Rails 代码

Question

我想使用 Rails 表单 select 或 collection_select 为下拉选择选项设置样式

<div class="field">
<label>Gender</label>
<div class="ui selection dropdown">
    <input name="gender" type="hidden" value="Male"/>
    <div class="default text">Select gender</div>
    <i class="dropdown icon"></i>
    <div class="menu">
        <div class="item" data-value="male" data-text="Male">
            <i class="male icon"></i>
            Male
        </div>
        <div class="item" data-value="female" data-text="Female">
            <i class="female icon"></i>
            Female
        </div>
    </div>
</div>

我该怎么做？因为我发现很难自定义样式 rails select helper。

Answer 1

好吧，如果不实际使用它就很难将 html 解析为 Rails 代码，但您可能会找到一个好的开始 here .

如您在该链接中所见，您可以为选项传递自定义 block :

    # A block can be passed to select to customize how the options tags will be rendered. This is useful when the options tag has complex attributes.
    select(report, "campaign_ids") do
      available_campaigns.each do |c|
        content_tag(:option, c.name, value: c.id, data: { tags: c.tags.to_json })
      end
    end

我认为这是你要走的路。