有條件地在Ruby on Rails表單上顯示字段

Question

我有一個使用Bootstrap進行樣式設計的Ruby on Rails應用程序。 這是表單的摘要，一旦選擇了上一個字段的非空白值，我想使該字段可見。 因此，一旦選擇了非空白的“條件”，我想使“ criteria_reason”字段可見。 該代碼如何固定？

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

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

謝謝！

Answer 1

您可以使用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 == ''}" %>

Answer 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