HAML 多选 Dropbox

【问题标题】：HAML multi-select dropboxHAML 多选 Dropbox
【发布时间】：2017-12-15 18:59:07
【问题描述】：

今天早上一直在与 HAML 搏斗。我希望我的客户能够点击下拉列表中的多个选项。这是我现在拥有的 - 一个普通的保管箱：

.form-group
  %label.col-md-4.control-label
    ="#{field_name}:"
  .col-md-8
    = select_tag "filters[#{field}]", options_for_select([["opt1", "1"], ["opt2", "2"], ["opt3", "3"]], selected: current_select_filter_value(field)), class: 'form-control', title: local_assigns[:tooltip].nil? ? "" : tooltip, include_blank: include_blank

我一直在谷歌搜索等，看看是否有任何简单的标志或迂回方式可以让人们简单地按 shift-click。我担心我可能需要完全使用一个新元素——但如果可以通过 Dropbox 实现那就太好了。有人有这方面的经验吗？

【问题讨论】：

标签： ruby-on-rails haml

【解决方案1】：

您需要将multiple 属性添加到HTML 中的select 元素。使用Rails’ select_tag，您可以通过传递multiple: true 作为选项来做到这一点。例如：

= select_tag "field_name", options_for_select(...), multiple: true

这会生成这样的 HTML：

<select name="field_name[]" id="field_name" multiple="multiple"><option value="1">opt1</option>
<option value="2">opt2</option>
<option value="3">opt3</option></select>

并允许用户选择多个值。

【讨论】：