Rails控制器获取下拉选中项ID及关联学生数据展示问题

嘿，这个需求其实不难实现，核心就是把下拉选中的评估ID传递给控制器，然后从关联表里取出对应的学生数据。我给你一步步拆解：

这是基础，不然后面拿不到数据。你需要在三个模型里设置好关联：

# app/models/assessment.rb
class Assessment < ApplicationRecord
  has_many :assessment_students, dependent: :destroy
  has_many :students, through: :assessment_students
end

# app/models/student.rb
class Student < ApplicationRecord
  has_many :assessment_students, dependent: :destroy
  has_many :assessments, through: :assessment_students
end

# app/models/assessment_student.rb
class AssessmentStudent < ApplicationRecord
  belongs_to :assessment
  belongs_to :student
end

你可以用Rails的表单助手来创建下拉框，同时支持页面刷新提交或者AJAX无刷新加载，这里推荐AJAX方案，体验更好：

<%# app/views/classrooms/show.html.erb %>
<div class="assessment-picker">
  <%= form_with(
    url: students_for_classroom_path(@classroom), 
    method: :get, 
    local: false, 
    id: 'assessment-select-form'
  ) do |f| %>
    <%= f.label :assessment_id, "选择评估:" %>
    <%= f.collection_select(
      :assessment_id, 
      Assessment.all, 
      :id, 
      :name, # 这里假设Assessment有name字段，你可以换成自己的显示字段
      prompt: "请选择一个评估"
    ) %>
    <%= f.submit "查看学生详情", class: 'btn' %>
  <% end %>
</div>

<!-- 用来展示学生列表的容器 -->
<div id="student-details-container">
  <%# 初始可以留空，或者显示提示 %>
  <p>请选择一个评估查看学生详情</p>
</div>

在routes.rb里添加一个针对Classroom成员的路由，用来处理获取评估对应学生的请求：

# config/routes.rb
Rails.application.routes.draw do
  resources :classrooms do
    member do
      get :students_for_classroom # 对应控制器的students_for_classroom动作
    end
  end
  # 其他路由...
end

在classrooms_controller.rb里新增动作，接收传递的assessment_id，然后取出对应的学生数据：

# app/controllers/classrooms_controller.rb
def students_for_classroom
  @assessment = Assessment.find(params[:assessment_id])
  @students = @assessment.students # 通过关联直接获取学生，不用手动查AssessmentStudent表

  # 响应AJAX请求，渲染JS模板
  respond_to do |format|
    format.js # 会自动找app/views/classrooms/students_for_classroom.js.erb
  end
end

首先创建JS模板，用来更新页面上的学生容器：

<%# app/views/classrooms/students_for_classroom.js.erb %>
$("#student-details-container").html("<%= j render partial: 'student_list', locals: { students: @students } %>");

然后创建学生列表的Partial，用来渲染具体的学生信息：

<%# app/views/classrooms/_student_list.html.erb %>
<% if students.present? %>
  <div class="student-list">
    <h3>该评估的学生详情</h3>
    <ul>
      <% students.each do |student| %>
        <li>
          <strong>姓名:</strong> <%= student.name %>
          <%# 这里可以添加其他学生属性，比如学号、年级等 %>
          <span>学号: <%= student.student_number %></span>
        </li>
      <% end %>
    </ul>
  </div>
<% else %>
  <p>这个评估还没有分配任何学生哦</p>
<% end %>

这样一来，当你在下拉框选中某个评估并点击提交按钮，页面就会无刷新地加载并展示对应的学生详情啦！如果不需要AJAX，也可以把表单设置为local: true，然后在控制器里渲染对应的视图，不过体验不如AJAX好。

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