我需要在 html.erb ruby​​ 中创建一个动态选择

Question

早上好。我是 Ruby 的新手，我遇到了一个小问题。

在表单中，我想选择类别。类别可以由用户插入，因此选择必须是动态的。

我试过这样：

<div class="input-field">
    <select class="multiple">
      <%= f.select :category, Category.all.collect {|x| [x.name, x.id]} %>
    </select>
</div>

它可以工作，但在 chrome 控制台上，看起来像这样：

<div class="input-field">
  <select class="multiple"></select>
  <option value="2">Pastasciutta</option>
  <option value="3">Vegetariano</option>
</div>

类别 ID 被正确用作值并且列表正确显示。但是，如您所见，“选项”不在“选择”标签中。你能解释一下为什么吗？我该如何解决这个问题？ 该列表仅显示为列表，但我想标记和取消标记 x 类别。

我的 Ruby 版本 -> 2.3.1

----编辑----

     _form.html.erb
<%= form_for(recipe) do |f| %>
  <% if recipe.errors.any? %>
    <div id="error_explanation">
       <h2><%= pluralize(recipe.errors.count, "error") %> prohibited this recipe from being saved:</h2>

      <ul>
       <% recipe.errors.full_messages.each do |message| %>
         <li><%= message %></li>
       <% end %>
      </ul>
    </div>
  <% end %>

  <div class="field">
    <%= f.label :name %>
    <%= f.text_field :name %>
  </div>

  <div class="field">
    <%= f.label :time %>
    <%= f.number_field :time %>
  </div>

  <div class="field">
    <%= f.label :price %>
    <%= f.text_field :price %>
  </div>

  <div class="field">
    <%= f.label :recipe %>
    <%= f.text_area :recipe %>
  </div>


  <div class="input-field">
    <%= f.select :category, Category.all.collect {|x| [x.name, x.id]}, {}, class: "multiple" %>
  </div>

  <br>

  <div class="actions">
    <%= f.submit %>
  </div>
<% end %>

这就是渲染的内容：

http://prnt.sc/cfqmp6

Answer 1

行：

<%= f.select :category, Category.all.collect {|x| [x.name, x.id]} %>

已经在渲染元素的<select> 标记部分，您通过将上面的行放在另一个<select> 中来复制这个元素。改变这个：

<select class="multiple">
  <%= f.select :category, Category.all.collect {|x| [x.name, x.id]} %>
</select>

到这里：

<%= f.select :category, Category.all.collect {|x| [x.name, x.id]}, {}, class: "multiple" %>

最后两个参数是选择标记的options 和html_options。见：http://api.rubyonrails.org/classes/ActionView/Helpers/FormBuilder.html#method-i-select