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

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 从输入字段而不是下拉列表开始