私は、category_id と subcategory_id 属性を持つドレス モデルを持っています。ユーザーが collection_select からカテゴリ タイプを選択すると、ユーザーがチェックするチェック ボックスの形式で、そのカテゴリのサブカテゴリでフォームが更新されるようにしたいと考えています。彼が必要とするサブカテゴリ、$('#dress_category_id').change を介して javascript で選択がいつ変更されたか、および $('#dress_category_id :selected').text() を介してどのカテゴリ タイプが選択されたかを検出できますが、私にはわかりません、そして私の何時間もの検索は無駄でした.サブカテゴリモデルからのデータで他のフォームフィールドを更新する方法.
ここに私のフォームコードがあります:
<div id="" class="modal-form no-shadow eighty-margin-top">
<div class="modal-header">
</div>
<div class="form-box">
<header class="ui-min-header">
<h3 class="letter_pressed light_header ">New Design</h3>
</header>
<div class="form-body row-fluid" style="margin-top: 20px;">
<%= form_for( @dress, :html => {class: "form-horizontal", role:"form" }) do |f| %>
<%= render "error_messages", target: @dress %>
<div class="form-group" id="avatar">
<%= f.label :category, class: "col-lg-3 control-label" %>
<div class="col-lg-9">
<%= f.collection_select :category, Category.all, :id, :name, {:prompt=> "Select a category"}, {class: "form-control input-lg"} %>
</div>
</div>
</div>
</div>
ここにサブカテゴリが入ります -->
<div class="form-group">
<%= f.label :name, class: "col-lg-3 control-label" %>
<div class="col-lg-9">
<%= f.text_field :name, placeholder: "Name of your design", class: "form-control" %>
</div>
</div>
<div class="form-group">
<%= f.label :keywords, class: "col-lg-3 control-label" %>
<div class="col-lg-9">
<%= f.text_field :keywords, class: "form-control" %>
</div>
</div>
<div class="form-group">
<%= f.label :description, class: "col-lg-3 control-label" %>
<div class="col-lg-9">
<%= f.text_field :description, placeholder: "About your design", class: "form-control" %>
</div>
</div>
<div class="form-group">
<div class="col-lg-offset-3 col-lg-9">
<button type="submit" class="btn btn-warning">Continue</button><br/>
</div>
</div>
<% end %>
</div>
</div>
</div>