根据用户在边栏中的选择获取记录
Fetching records based on user selection in rails
我有一个带有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>
你可以看看jQuery Cascading Dropdown Plugin。要么直接使用它,要么查看它是如何完成的。
相关文章:
- 在动态创建的元素上获取对特定选择器的引用
- 获取选择框的状态
- 如何从选择框中的选项中获取属性值
- 从选择下拉菜单中获取数据
- 获取用户选择的不带时区的日期
- 从服务器获取数据并在选择控件中使用ng选项无法显示选项
- jQuery inArray函数在更改选择时未获取值
- Bootstrap点击选择获取点击值
- 根据用户选择获取 JSON 密钥
- 根据另一个字段选择获取新值后更新下拉列表内容
- 根据用户在边栏中的选择获取记录
- 用户选择 - 获取参考以供将来使用
- 选择2:获取格式选择以具有特定的上下文
- j查询选择“获取选择时更改事件”选项
- Angular2的ngFor用于多个选择框.下一步选择获取值
- 根据第一个下拉选择获取值
- 选项选择获取值而不重新加载页面
- 在rails中基于用户选择获取数据库记录
- Javascript:基于下拉选择获取数组
- AngularJS Jasmine单元测试在索引x处选择获取选项