ruby-on-rails - 混合单选按钮和 text_field

Question

我正在尝试将单选按钮和 text_field 组合为一个值:

= f.radio_button :system, "bacteria"
Bacteria
= f.radio_button :system, "mammalian"
Mammalian
= f.radio_button :system, "yeast"
Yeast
= f.radio_button :system, "insect"
Insect
= f.radio_button :system, "other"
Other:
= f.text_field :system, class:"input-small"

当我提交时，没有任何 react ，因为即使检查了 radio (我认为它考虑了文本字段)，参数中也给出了一个空白值。

我试图给 text_field 取另一个名字，并在更新后替换 Controller 中的 :system 值，但它看起来像一个肮脏的方式......

你有什么更干净的想法吗？

Answer 1

在这里，您不能直接将 radio_button 和 text_field 混合在一起用于同一字段。
我认为您可以定义一个额外的 radio_button 字段，该字段将被隐藏，当用户进入 text_field 时，其值将更新。

= f.radio_button :system, "bacteria"
Bacteria
= f.radio_button :system, "mammalian"
Mammalian
= f.radio_button :system, "yeast"
Yeast
= f.radio_button :system, "insect"
Insect
= f.radio_button :system, "other"
Other:
= f.radio_button :system, nil, :id => :hidden_radio, :style => "display:none"
= f.text_field :free_system_input, class:"input-small", :id => :free_system_input

在上面，您将在 text_field 上编写 onchange 事件，每当在 text_field 中输入值时，它都会将隐藏的 radio_button 的值设置为 text_field_value。

:javascript
 $("free_system_input").keyup(function(){
   $("hidden_radio").val($(this).val())
 })

上面的代码只是为了提供如何处理问题的想法，不会按原样工作.. :)