[英]Conditionally show fields on Ruby on Rails form
我有一个使用Bootstrap进行样式设计的Ruby on Rails应用程序。 这是表单的摘要,一旦选择了上一个字段的非空白值,我想使该字段可见。 因此,一旦选择了非空白的“条件”,我想使“ criteria_reason”字段可见。 该代码如何固定?
<%= f.select :criteria, ['', 'Yes', 'No', 'Maybe'] %>
<%= f.text_field :criteria_reason, class:"form-control", placeholder:'Reason',
style:"#{'display:none' if :criteria == ''}" %>
谢谢!
您可以使用JavaScript在单击下拉菜单时将其显示为不可见。
<script type="text/javascript">
$(function () {
$("#category_category_id").change(function () {
var category = $(this).val();
if (category != "") {
$("#category_criteria_reason").show();
} else {
$("#category_criteria_reason").hide();
}
});
});
</script>
使用您自己的表单类更改category_
。 然后,您可以将默认代码更改为
<%= f.text_field :criteria_reason, class:"form-control", placeholder:'Reason',
style:"#{'display:none' if f.object.criteria == ''}" %>
通过调用form_for @object do |f|
您将@object
传递到ActionView::FormBuilder
。 在f
您可以通过调用f.object
来访问相关对象
所以在这种情况下,您需要
<%= f.text_field :criteria_reason, class:"form-control", placeholder:'Reason',
style:"#{'display:none' if f.object.criteria == ''}" %>
参见http://api.rubyonrails.org/classes/ActionView/Helpers/FormBuilder.html
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.