我有一个带有嵌套模型的简单 Formtastic 表单，如下所示。

<%= semantic_form_for @event do |form| %>
  <%= form.input :user_id , :as => :hidden, :value => @user.id %>
  <%= form.input :title %>
  <%= form.input :invitations, :as => :check_boxes, :collection => Group.find(:all, :order => "name ASC"), :for => :invitations, :name => "Invitation", :include_blank => false %>
  <%= form.buttons %>
<% end %>

Formtastic 以某种方式将我的输入放入无序列表中，如下所示:

我想知道如何更改设置来解决此问题。

此外，对于复选框，Formtastic 会自动添加一个空选项:

  Parameters: {"utf8"=>"✓", "authenticity_token"=>"XXX", "event"=>{"title"=>"test 15",  "type"=>"", "invitation_ids"=>["", "2", "1"]}, "commit"=>"Create Event"}

我应该如何解决这个问题？

谢谢。

最佳答案

我遇到了完全相同的问题。这是我修复它的方法:

再培训局

<div class="some_class">
   <%= semantic_form_for @event do |form| %>
      <%= form.input :user_id , :as => :hidden, :value => @user.id %>
      <%= form.input :title %>
      <%= form.input :invitations, :as => :check_boxes, :collection => Group.find(:all, :order => "name ASC"), :for => :invitations, :name => "Invitation", :include_blank => false %>
      <%= form.buttons %>
   <%= end %>
</div>

CSS

.some_class {
   li {
      list-style-type:none;
   }
}

我不确定这是否是解决问题的绝对正确方法，但对我来说它已经完成了我想要它做的事情。希望这对您有所帮助!

我曾尝试专门向表单添加一个类，但这并不是针对“li”，因为它是该元素的子元素。由于 formtastic 创建了“li”，我决定转到“li”的父元素并从上到下定位它。

https://stackoverflow.com/questions/7444410/