有条件地在Ruby on Rails表单上显示字段

时间:2015-09-17 02:47:28

标签: jquery ruby-on-rails

我有一个Ruby on Rails应用程序,使用Bootstrap进行样式设置。这是表单中的一个片段,我想在选择前一个字段的非空值后使字段可见。因此,一旦选择了非空白“标准”,我想让'criteria_reason'字段可见。如何修复此代码?

<%= f.select :criteria, ['', 'Yes', 'No', 'Maybe'] %>

<%= f.text_field :criteria_reason, class:"form-control", placeholder:'Reason',
      style:"#{'display:none' if :criteria == ''}" %>

谢谢!

2 个答案:

答案 0 :(得分:4)

当您点击下拉列表时,可以使用javascript使其在隐身时可见。

<script type="text/javascript">
  $(function () {
    $("#category_category_id").change(function () {
        var category = $(this).val();
        if (category != "") {
          $("#category_criteria_reason").show();
        } else {
          $("#category_criteria_reason").hide();
        }
    });

  });
</script>

使用您自己的表单类更改category_。然后,您可以将默认代码更改为

<%= f.text_field :criteria_reason, class:"form-control", placeholder:'Reason',
      style:"#{'display:none' if f.object.criteria == ''}" %>

答案 1 :(得分:2)

致电form_for @object do |f|,您将@object传递给ActionView::FormBuilder。在f中,您可以通过调用f.object

来访问相关对象

所以在这种情况下你需要做

<%= f.text_field :criteria_reason, class:"form-control", placeholder:'Reason',
      style:"#{'display:none' if f.object.criteria == ''}" %>

请参阅http://api.rubyonrails.org/classes/ActionView/Helpers/FormBuilder.html