Rails 上的引导程序:在表单上从选择更改为单选

问题描述

导轨 6.0.3

引导程序 5

如果有一个简单的答案,或者甚至无法更改以下内容,我很抱歉:

我的表单上目前有一个选择下拉菜单

<div class="field mb-3">
  <%= form.label :Please_select_document_type %>
  <%= form.select(:priority,[['Critical'],['Moderate'],['Low']],{ :include_blank => '-- Select One --'  },{class: "form-check"}) %>
</div>

Drop down menu

我在一个具有三个相同优先级的单选按钮下面写了。 我如何让单选按钮在它被选中时将正确的值存储到优先级

<%= form.label :priority %><br>
<div class="btn-group" data-toggle="buttons-radio">
  <%= form.radio_button :priority,'Low',type: "radio",class: "form-check btn-check",name: "options-outlined",id: "success-outlined",autocomplete: "off",checked: true  %>
  <%= form.label :priority,class: "btn btn-outline-success",for: "success-outlined",value: "Low" %>
  <%= form.radio_button :priority,'Moderate',id: "warning-outlined",autocomplete: "off" %>
  <%= form.label :priority,class: "btn btn-outline-warning",for: "warning-outlined",value: "Moderate" %>
  <%= form.radio_button :priority,'Critical',id: "danger-outlined",class: "btn btn-outline-danger",for: "danger-outlined",value: "Critical" %>
</div>

Radio button

解决方法

单选按钮的名称应为 <obj>['priority']。问题中的代码不起作用,因为它为每个单选按钮使用不同的名称。从 name 方法调用中删除 radio_button 键,让 Rails 为您添加它。

<%= form.radio_button :priority,'Low',type: "radio",class: "form-check btn-check",id: "success-outlined",autocomplete: "off",checked: true  %>
<%= form.label :priority,class: "btn btn-outline-success",for: "success-outlined",value: "Low" %>
<%= form.radio_button :priority,'Moderate',id: "warning-outlined",autocomplete: "off" %>
<%= form.label :priority,class: "btn btn-outline-warning",for: "warning-outlined",value: "Moderate" %>
<%= form.radio_button :priority,'Critical',id: "danger-outlined",class: "btn btn-outline-danger",for: "danger-outlined",value: "Critical" %>