Rails使用tom-select多选择嵌套查询时空值致保存失败求助

方法1：直接使用关联批量赋值（推荐） #

由于Dream与Location是多对多关联（通过dream_locations），Rails会自动生成location_ids=批量赋值方法，无需嵌套处理dream_locations属性，直接在表单中使用该字段即可：

修改ERB表单代码：

<h3>Locations</h3>
<div class="form-group">
  <%= form.collection_select :location_ids, Location.where(user_id: current_user.id), :id, :name,
    { include_blank: false }, # 禁止生成空白选项
    { multiple: true, class: "form-control tom-select" } %>
</div>

在Dream模型的强参数中允许location_ids数组：

def dream_params
  params.require(:dream).permit(
    :title, :date, :location, :dream, :analysis,
    location_ids: [] # 允许数组类型参数
  )
end

提交后参数会变为location_ids: ["3"]，Rails会自动处理关联创建，彻底避免空值问题。

方法2：在嵌套属性中过滤空值 #

如果坚持使用嵌套的dream_locations_attributes，可在Dream模型中设置过滤规则：

修改Dream模型：

class Dream < ApplicationRecord
  has_many :dream_locations, dependent: :destroy
  has_many :locations, through: :dream_locations
  accepts_nested_attributes_for :dream_locations, 
    reject_if: proc { |attrs| attrs['location_id'].reject(&:blank?).empty? }, # 过滤所有空id的条目
    allow_destroy: true
end

同时修改表单，移除默认空白选项：

<%= dl_form.collection_select :location_id, Location.where(user_id: current_user.id), :id, :name,
  { include_blank: false },
  { multiple: true, class: "form-control tom-select" } %>

方法3：前端提交前过滤空值 #

调整Tom Select初始化代码，在表单提交时主动移除空值选项：

document.addEventListener('DOMContentLoaded', () => {
  const elements = document.querySelectorAll('.tom-select');
  elements.forEach((element) => {
    const tomSelect = new TomSelect(element, {
      create: false,
      include_empty: false,
      onInitialize: function() {
        const blankOption = this.getOption('');
        if (blankOption) {
          this.removeOption('');
        }
      }
    });

    // 表单提交前过滤空值
    element.form.addEventListener('submit', () => {
      const validValues = tomSelect.getValue().filter(val => val.trim() !== '');
      tomSelect.setValue(validValues);
    });
  });
});

同样在表单的collection_select中添加include_blank: false参数。

内容的提问来源于stack exchange，提问作者shobeurself