forms - Rails，在下拉列表中选择选项会过滤第二个下拉列表中的值

Question

我正在尝试使用我从一些 Railscast 中学到的一些知识在我的 Rails 应用程序中创建一些页面。我的环境如下:

Rails 3.2.13

ruby 1.9.3p448

使用所选的 gem

数据库 SQLite

当我想创建一个新的配置文件时，我会访问 localhost:3000/profiles/new。我的个人资料中有一个名为“姓名”的文本框。接下来我有一个下拉菜单用户可以在其中选择配置文件类型 - 管理员、编辑者或用户。曾经一个选择选项后，另一个下拉列表将变为可见 - 特征。用户可以然后选择1个或多个特征。

每种配置文件类型(管理员、编辑者、用户)都有不同的特征。所以Traits 模型具有 name 和 Trait_type 字段，其中 Trait_type 有一个值管理员、编辑者或用户。

我在编码 View 时遇到了麻烦，假设我应该在那里编码，但也许我应该在 Controller 中，让“特征”下拉列表仅显示管理员特征(如果我选择管理员的配置文件类型)。

有人可以给我一个积极的方向插入吗？请记住我对此很陌生。希望我提供了足够的信息，而不是太多的信息。

注意:我的profiles.js.coffee 文件中的console.log 条目是临时的，只是这样我就可以看到发生了什么。

谢谢

HoGi

-------------------------------------------------
/app/assets/javascripts/application.js
-------------------------------------------------
    //= require jquery
    //= require jquery_ujs
    //= require chosen-jquery
    //= require_tree .
-------------------------------------------------


-------------------------------------------------
/app/assets/javascripts/profiles.js.coffee
-------------------------------------------------
jQuery ->
  $('#profile_trait_ids').chosen()

jQuery ->
  $('#profile_trait_ids').parent().hide()
  prof_types = $('#profile_prof_type').html()
  console.log(prof_types)
  $('#profile_prof_type').change ->
    prof_type = $('#profile_prof_type :selected').text()
    console.log(prof_type)
    $('#profile_trait_ids').parent().show()
-------------------------------------------------  


-------------------------------------------------
/app/assets/stylesheets/application.css
-------------------------------------------------
*= require_self
 *= require chosen
 *= require_tree .
 */
-------------------------------------------------


-------------------------------------------------
/app/models/profile.rb
-------------------------------------------------
class Profile < ActiveRecord::Base
  attr_accessible :active, :name, :prof_type, :trait_ids

  has_many :traitships
  has_many :traits, through: :traitships

  PROFILE_TYPES = ["Admin", "Editor", "User"]

end
-------------------------------------------------


-------------------------------------------------
/app/models/trait.rb
-------------------------------------------------
class Trait < ActiveRecord::Base
  attr_accessible :active, :name, :trait_type

  has_many :traitships
  has_many :profiles, through: :traitships
end
-------------------------------------------------


-------------------------------------------------
/app/models/traitship
-------------------------------------------------
class Traitship < ActiveRecord::Base
  #attr_accessible :profile_id, :traid_id

  belongs_to :profile
  belongs_to :trait
end
-------------------------------------------------


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

      <ul>
      <% @profile.errors.full_messages.each do |msg| %>
        <li><%= msg %></li>
      <% end %>
      </ul>
    </div>
  <% end %>

  <div class="field">
    <%= f.label :name %><br />
    <%= f.text_field :name %>
  </div>
  <div class="field">
    <%= f.label :prof_type, 'Profile Type' %><br />
    <%= f.select :prof_type, Profile::PROFILE_TYPES, prompt: 'Select a type' %>
  </div>
  <div class="field">
    <%= f.label :trait_ids, "Traits" %><br />
    <%= f.collection_select :trait_ids, Trait.order(:name), :id, :name, {}, { multiple: true } %>
  </div>
  <div class="field">
    <%= f.label :active %><br />
    <%= f.check_box :active %>
  </div>
  <div class="actions">
    <%= f.submit 'Update' %>
  </div>
<% end %>
-------------------------------------------------

更新的 Controller :(traits_controller)

# GET /traits/:trait_type/trait_options
  # GET /traits/:trait_type/trait_options.json
  def trait_options
    @traits = Trait.order(:name).where("trait_type like ?", params[:trait_type])

    respond_to do |format|
      format.html # trait_options.html.erb
      format.json { render json: @traits }
    end
  end

Answer 1

第 1 部分

您应该向 Controller (traits_controller) 添加一个新操作，该操作将一个参数 profile_type 作为输入，并返回该 profile_type 的所有 traits作为 json/xml。

第 2 部分

准备好后，您应该通过 ajax 在 profile_type 下拉列表的 on_change 事件上调用此操作。使用收到的数据构建新的traits 下拉列表。

chosen、select2 等，一旦您的第 1 部分准备就绪，应该会很容易完成此任务。

更新

我自己从未使用过chosen。但看看它的文档，类似的东西可能对你有用

$('#profile_type').on('change', function() {
    $("#traits").chosen().change( … );
    $("#traits").trigger("chosen:updated");
});

这个Railscast (Episode #258)演示如何使用 json 数据填充选择的 select

如果可以放弃chosen而选择select2，我强烈建议您这样做。