Question

我有一个小的jquery，用于根据下拉选择动态创建表单字段。我注意到一种奇特的行为，即第一次加载页面时..表现良好，即每当你在下拉列表中更改选择时..添加/删除动态表单字段..

但是，当我再次刷新页面并尝试.. jquery不能完成这项工作..为什么会这样？另一个重点是相同的代码在一个rails项目中工作，而在另一个rails项目中不起作用。

JQUERY

$('.dropdown').change(function() {
  // hide divs first
  $('form .toggle').hide();

  // get value from dropdown
  var divClass = $('.dropdown').val().toLowerCase();

  // show necessary div
  $('.' + divClass).show();
});

来自Rails的视图

<%= javascript_include_tag "new" %>

<%= simple_form_for @obj do |f| %>
  <%= f.input :receiver_email, :collection => ['Human', 'Event'], :input_html => { :class => 'dropdown'} %>

  <div class="human" style="display:none;">
    <%= f.input :receiver_mobile %>
  </div>

  <div class="event" style="display:none;">
    <%= f.input :reason %>
  </div>

  <%= f.button :submit %>

<% end %>

jquery下拉的特殊行为

0 个答案: