Вместо того, чтобы нажимать на ввод формы 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>
То, что вы на самом деле ожидаете здесь, — это раскрывающийся список с несколькими вариантами выбора или несколькими значениями в этом примере. Это не раскрывающийся список с одним значением.
Как обходной путь. попробуйте это ниже.
$('#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 с полем ввода вместо раскрывающегося списка
