如何使用不同样式的.select2：filter选项作为第一行不在下拉列表中？

Question

不是点击select2表单输入，而是显示带有文本框的下拉菜单：

我们如何在文本框替换占位符文本的位置显示它：

_form.html.erb

<%= f.grouped_collection_select(:name, @collection, :last, :first, :to_s, :to_s, include_blank: true ) %>

<script>
  $('#lifetime_name').select2({
    placeholder: "Enter Challenge",
    theme: "bootstrap",
    tags: true,
    multiple: false,
  });
</script>

Select2 Github

Answer 1

您实际期望的是该示例中的多选或多值下拉框。它不是单个值下拉框。

作为解决方法。试试这个。

 $('#lifetime_name').select2({
    placeholder: "Enter Challenge",
    theme: "bootstrap",
    tags: true,
    multiple: true,
  }).on('select2:select', function (e) {
        //clear the input box after a selection is made
        $(this).val([]).trigger('change');
        $(this).val([e.params.data.id]).trigger("change");
    });

参考此问题： Select2 start with input field instead of dropdown