Hide input simple_form, Ruby on Rails

Question

I've got a form where some text fields should be visible only under certain conditions. Basically, there's a select list and depending on what's selected, other fields are either showing or not. So by default I need to hide divs that wrap inputs in the form generated by simple_form gem.

Example:

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

It should behave the same as hide() by jqyuery:

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

Answer 1

Use simple form wrapper_html attribute:

= 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' }

Answer 2

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