将空行添加到基于Ajax的选择框

Question

我有一组使用一些Ajax魔术填充的选择框。 Ajax使用正确的数据加载选择框，但是在组合框顶部添加空白行时遇到了麻烦。 由于该集合没有空白，因此选择框也没有。

这是我控制器的更新部分：

  def update_select
    @areas = Area.where("product_type_id = ?", params[:product_type_id])
    @products = Product.where("product_type_id = ? AND active = 't'", params[:product_type_id])
    @accessories = Product.where("product_type_id = ? AND active = 't' AND accessory = 't'", params[:product_type_id])
    respond_to do |format|
      format.js
    end
  end

这是通过更新呈现的内容：

$("#area_select").empty().append("<%= escape_javascript(render(partial: "select_boxes/area", collection: @areas)) %>")
$("#product_select").empty().append("<%= escape_javascript(render(partial: "select_boxes/product", collection: @products)) %>")
$("#accessory_select").empty().append("<%= escape_javascript(render(partial: "select_boxes/accessory", collection: @accessories)) %>")

这是选择框的部分之一（它们三个基本相同）

<option value="<%= accessory.id %>"><%= accessory.product_number %></option>

这是部分实际显示表单字段的部分：

<tr class="details_row nested-fields">
  <td><%= f.select :area_id, options_for_select(@areas.collect {|c| [ c.area_name, c.id ] }, f.object.area_id), {include_blank: true}, {:id => 'area_select', :class => 'form-control'} %></td>
  <td><%= f.select :product_id, options_for_select(@products.collect {|p| [ p.product_number, p.id ] }, f.object.product_id), {include_blank: true}, {:id => 'product_select', :class => 'form-control'} %></td>
  <td><%= f.number_field :quantity, class: 'form-control', "min" => 1 %></td>
  <td><%= f.select :accessory_id, options_for_select(@accessories.collect {|p| [ p.product_number, p.id ] }, f.object.product_id), {include_blank: true}, {:id => 'accessory_select', :class => 'form-control'} %></td>
  <td><%= f.text_field :notes, class: 'form-control' %></td>
  <td><%= link_to_remove_association '<i class="fa fa-trash"></i>'.html_safe, f %></td>
</tr>

有没有一种简单的方法可以在选择框更新之前将空白添加到集合中？ 还是有部分方法可以做到这一点？ 我已经以实际形式包含了“ include_blank：true”，但是当通过Ajax更新选择框时，必须将其忽略。

Answer 1

我可以使用在所有地方的文档中发现的部分计数器来解决此问题。... =）

<% if accessory_counter == 0 %>
  <option value=""></option>
  <option value="<%= accessory.id %>"><%= accessory.product_number %></option>
<% else %>
  <option value="<%= accessory.id %>"><%= accessory.product_number %></option>
<% end %>