微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决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" %>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。