我有一个 Ruby on Rails 应用程序,使用 Bootstrap 进行样式设置。这是表单中的一个片段,我希望在选择前一个字段中的非空白值后使该字段可见。因此,一旦选择非空白“criteria”,我想让“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 == ''}" %>
关于jquery - 有条件地在 Ruby on Rails 表单上显示字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32621839/