在下拉列表中更改时显示和隐藏块[Rails4，jquery]

Question

我有一个包含3个值的下拉列表的表格QUESTIONS_TYPES = {'single'，'multiple'，A text}

  <div class="field">
    <%= f.label :question_type %><br>
    <%= f.select :question_type, Question::QUESTIONS_TYPES, prompt: 'Select a question type' %>
  </div>

使用Jquery，此下拉列表根据选择值显示其他字段（在类中为.answers_list的块中）。

$(document).ready(function(){
  $('#question_question_type').change(function(){
    var qst_type = $('#question_question_type option:selected').text()
      if (qst_type == 'Multiple' || qst_type == 'Single'){
          $('.answers_list').show();
      } else{
          $('.answers_list').hide();
      }
  });
});

当我通过链接访问表单时：

<%= link_to 'New Question', new_question_path %>

我的下拉列表不会响应jQuery操作，一旦我刷新了它的页面。有什么建议吗？

谢谢！

Answer 1

使用

$( ".target" ).toggle();

见 Click here