我需要在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版本 - ＆gt; 2.3.1

---- ---- EDIT

     _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" %>

最后两个参数是select标记的options和html_options。请参阅：zynq-zc770-xm013.dts