时间戳

首页 > 解决方案 > 使用 JavaScript 在 simple_form 中显示复选框

javascript - 使用 JavaScript 在 simple_form 中显示复选框

问题描述

我有一个 simple_form 表单，用户通过复选框选择多个选项。但是，由于有很多选项，因此表单中充满了复选框。

我想知道是否有更简洁的方式来显示它。例如，我正在考虑有一个“蔬菜”和“水果”按钮，然后当您单击它时，会出现一个弹出窗口，您可以在其中选择复选框。我想我可以用 JavaScript 做到这一点，但我不确定如何实现代码。

这是我的一些代码示例（使用 Act as Taggable gem）。

<%= f.input :tag_list, label: "Fruit", as: :check_boxes, collection: [ "Apples", "Peaches", "Oranges" ] %>

<%= f.input :tag_list, label: "Vegetables", as: :check_boxes, collection: [ "Potatoes", "Corn", "Broccoli" ] %>

我在考虑使用下拉菜单，但您只能选择一个。

任何帮助，将不胜感激。

标签： javascriptruby-on-railsrubyforms

解决方案

你的问题不清楚。您希望 JavaScript 显示复选框，最后您希望有一个带有多个选择的下拉菜单。

无论如何，我认为您可以使用带有多个选择选项的下拉菜单

这是一个示例下拉列表，可用于一次选择多个项目

<select id="cars" multiple>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

查看以下链接以获取有关多项选择的更多信息以及如何在多项选择后处理表单https://www.w3schools.com/tags/att_select_multiple.asp

推荐阅读