jquery - 隐藏输入 simple_form，Ruby on Rails

Question

我有一个表单，其中某些文本字段仅在某些条件下才可见。基本上，有一个选择列表，根据选择的内容，是否显示其他字段。因此，默认情况下，我需要隐藏以 simple_form gem 生成的表单包装输入的 div。

例子：

= simple_form_for
  = f.select ...
  = f.input :s_n1, :required => true
  = f.input :s_n2, :required => true
  = f.input :s_n3, :required => true

它的行为应该与 jqyuery 的 hide() 相同：

$("div.s_n1").hide();
$("div.s_n2").hide();
$("div.s_n3").hide();

Answer 1

在简单的表单上，如果您需要将输入字段设为隐藏，请使用这些代码 <%= f.input :s_n ,:as => :hidden%> 我认为它比使用 jquery 代码更好

Answer 2

使用简单的表单wrapper_html属性：

= simple_form_for
  = f.select ...
  = f.input :s_n1, required: true, wrapper_html: { class: 'hide' }
  = f.input :s_n2, required: true, wrapper_html: { class: 'hide' }
  = f.input :s_n3, required: true, wrapper_html: { class: 'hide' }