0
我有一個Rails 5 Ruby 2.4.0應用程序，我正在研究。工作流程的簡要介紹是用戶選擇一個手機制造商，並被重定向到相應的「顯示」頁面，在那裏通過動態創建的帶有手機型號的選擇框來滿足它們，他們選擇一個模型並在下面出現要求確認的div這是他們的設備型號。Div出現基於選擇框選擇的問題Rails 5
截至目前我有選擇框，它填充（代碼如下），但是當我選擇一個設備各自的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 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也比較陌生，任何幫助都將不勝感激！
在此先感謝！