基於選擇框選擇Rails出現Div的問題

Question

我有一個正在使用的Rails 5 Ruby 2.4.0應用程序。 工作流程的快速縮減是用戶選擇電話制造商，並被重定向到相應的“顯示”頁面，在這里通過動態創建的帶有電話模型的選擇框來滿足他們的需求，他們選擇一個模型，並在下面顯示一個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的新手，我們將不勝感激！

提前致謝！

Answer 1

原來我有一個：而不是一個; 這使得javaScript無法正常運行。