将复选框内容添加到文本字段

Question

rails 的新手，英语也不是很好...请给我一些建议。

我有一张包含非详尽药物清单的表格。用户可以 select 带有复选框的药物。有一个名为 "Other" 的复选框，它会显示一个文本字段（使用 JS 脚本）。此文本字段的内容保存在我的数据库中的列下：taken_drugs

这是我到现在为止得到的代码：

= form_for @quizz, :url => { :action => "create" } do |f|

h4 Which drugs did you take ?
h5 (You can answer more than one)
.field class="list-group"
  div class="list-group-item"
    = check_box("LSD", "yes")
    = label_tag 'LSD'
  div class="list-group-item"
    = check_box("Psilocybine", "yes")
    = label_tag 'Psilocybine (mushrooms)'
  div class="list-group-item"
    = check_box("DMT", "yes")
    = label_tag 'DMT (ayahuasca)'
  div class="list-group-item"
    = check_box("other", "other", {}, "yes", "no")
    = label_tag 'other'
    div id="disappear_consomme" style="display:none"
      p Which other drugs did you take ?
      = f.text_field :taken_drugs
    =f.submit

我怎样才能得到我保存到的结果：taken_drugs 检查的药物和添加到文本字段的药物？

我需要的例子:

如果用户检查 "LSD" 和 "DMT" 我有 "LSD DMT"
如果用户检查 "LSD" 并写 "CANNABIS VALIUM" 我有 "LSD CANNABIS VALIUM"

Answer 1

您有两个选择，您可以在前端使用 javascript 捕获此数据，也可以在将其发布到数据库之前使用 Ruby 在后端捕获它。

js方式：

var text = "";
for (var i = 0; i < form.elements.length; i++ ) {
    if (form.elements[i].type == 'checkbox') {
        if (form.elements[i].checked == true) {
            text += form.elements[i].value + ' ';
        }
    }

}

将其粘贴到一个函数中。使用 onClick 或 onSubmit 事件处理程序从您的提交按钮调用它。

ruby 方式将在您的 rails 控制器创建方法中处理，并解析您在参数哈希中传递的任何内容。

将复选框内容添加到文本字段

add checkbox content to text field

ruby

ruby-on-rails

slim-lang

ruby-on-rails-4