基于选择框选择Rails 5出现Div的问题

时间:2017-05-07 05:44:23

标签: javascript jquery html ruby-on-rails

我正在使用Rails 5 Ruby 2.4.0应用程序。工作流程的简要说明是用户选择手机制造商,并被重定向到相应的" show"页面,通过动态创建的带有手机型号的选择框来满足它们,他们选择一个模型,并在下面显示一个div,要求确认这是他们的设备型号。

截至当前我有选择框,它填充(下面的代码)但是当我选择一个设备时,不会出现相应的div剂量。我不知道我在哪里出错天气它是选择框,div或javascript

  

我的选择框如下:

<div class="form-group">
  <label for="deviceSelect">Select Your <%= @manufacturer.name.titleize %> Device</label>
  <select class="form-control div-toggle" data-target=".device-names">
    <option>Select Device</option>
    <% @devices.each do |device| %>
      <option value="<%= device.device_name %>" data-show=".<%= device.device_name %>"><%= device.device_name.titleize %></option>
    <% end %>
  </select>
</div>
  

我的Div如下:

<div class="device-names">
  <% @devices.each do |device_div| %>
      <div class="<%= device_div.device_name %> invisible">
        <%= device_div.device_name %>
      </div>
  <% end %>
</div>
  

我的Javascript如下:

<script type="text/javascript">
  $(document).on('change', '.div-toggle', function() {
    var target = $(this).data('target');
    var show = $("option:selected", this).data('show');
    $(target).children().addClass('invisible');
    $(show).removeClass('invisible');
  }):
  $(document).ready(function() {
    $('.div-toggle').trigger('change');
  });
</script>

我似乎没有收到任何控制台错误,也不确定我哪里出错了。我对javaScript也比较新,任何帮助都将不胜感激!

提前致谢!

0 个答案:

没有答案