【问题标题】:Ruby on Rails form_for select field with classRuby on Rails form_for 选择带类的字段
【发布时间】:2011-05-04 04:08:54
【问题描述】:

我正在用头撞墙。我想使用f.select 标签制作一个简单的选择标签,但我所做的一切都不起作用。下面我举个例子:

<%= f.select(:object_field, ['Item 1', 'Item 2', 'Item 3', 'Item 4', 'Item 4'], :class => 'my_style_class')%>

好的,所以基本上这是一个简单的列表,一旦提交表单,它就会将值放入object_field。这一切都有效,但查看页面源代码时不包括类标签。它不会抛出错误,只是一起跳过。

如果有人有任何建议,我将不胜感激。

【问题讨论】:

    标签: ruby-on-rails


    【解决方案1】:

    试试这个方法:

    <%= f.select(:object_field, ['Item 1', ...], {}, { :class => 'my_style_class' }) %>
    

    select helper 接受两个选项哈希,一个用于选择,第二个用于 html 选项。因此,您只需在项目列表之后提供默认的空选项作为第一个参数,然后将您的类添加到 html_options

    http://api.rubyonrails.org/classes/ActionView/Helpers/FormOptionsHelper.html#method-i-select

    【讨论】:

    • 我曾在 haml 中尝试过这种方式,但不知道为什么在“使用元素检查萤火虫中的元素”类中看不到这里是我的代码 = f.select(:gender,[['Male ', true], ['Female', false]],{},{:class=>"drop",:style=>"opacity: 0;"})
    • @GaganGami 我让它可以使用以下代码:= f.select(:stars, [['Male', true], ['Female', false]], {}, {:class=&gt;"form-control",:style=&gt;"opacity: 0;"}) opacity 设置为 0 将使您的字段不可见。
    • 如果 f.select 最后被传递了一个块,有谁知道我们应该怎么做?我尝试过的任何组合似乎都没有通过该课程。
    【解决方案2】:

    你也可以像这样添加提示选项。

    <%= f.select(:object_field, ['Item 1', 'Item 2'], {include_blank: "Select something"}, { :class => 'my_style_class' }) %>
    

    【讨论】:

      【解决方案3】:

      这对我有用

      <%= f.select :status, [["Single", "single"], ["Married", "married"], ["Engaged", "engaged"], ["In a Relationship", "relationship"]], {}, {class: "form-control"} %>
      

      【讨论】:

        【解决方案4】:

        你可以在这里看到: http://apidock.com/rails/ActionView/Helpers/FormBuilder/select

        或在这里:http://apidock.com/rails/ActionView/Helpers/FormOptionsHelper/select

        Select标签最多有4个agrument,最后一个agrument是html选项,表示可以在这里放class、require、selection选项。

        = f.select :sms_category_id, @sms_category_collect, {}, {class: 'form-control', required: true, selected: @set}
        

        【讨论】:

        • selected: @set 在我把它放在第一个 {} 时对我有用。
        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2011-04-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多