jquery - 事件管理员，在第一个之后填充第二个下拉列表中的一个

Question

我正在使用词到类别的映射。一个词可以映射到一个类别或类型。在数据库中，我有单词表、类别表、类型表和一个名为 word_categories 的连接映射，其中包含 word_id、cat_type(具有类别或类型的值)、cat_id(如果 cat_type 是类别，则 cat_id 对应于类别表，或者如果cat_type 是类型 cat_id 对应于类型表)。

在活跃的管理员 keyword_categories.rb 我有

form do |f|
  f.inputs do
    if f.object.new_record?
      f.input :word, as: :select, collection: Word.unmapped.pluck(:word)
      f.input :cat_type, as: :select, :collection => ["Type", "Category"]
      if true #here i have to give some logic to select on the basis of the value selected in the first drop down
        f.input :cat_id, as: :select, :collection => Type.pluck(:name)
      else 
        f.input :cat_id, as: :select, :collection => Category.pluck(:name)
      end
    end
  end
  f.actions
end

我关注了SO Questions ，但我不明白，我如何将值从 Controller 返回到事件的管理 rb 文件

我是jquery的新手

Answer 1

View 中的 ERB 代码仅在页面首次加载时运行。您不能使用它来根据页面中某些内容的实时值构建条件。

长话短说，整个 if block 需要进入您的 javascript。它会看起来像:

<script>
  if($("object_cat_type").value() === "Category") {
    $("object_cat_id").innerHTML("<%= options_from_collection_for_select(Category.pluck(:name)) %>");
  } else if($("object_cat_type").value() === "Type") {
    $("object_cat_id").innerHTML("<%= options_from_collection_for_select(Type.pluck(:name)) %>");
  }
</script>

不过，我的 jQuery 也有点生疏，因此请仔细检查文档中的内容，尤其是 innerHTML 函数。