2016-01-02 4 views
1

Вместо нажатие на формах ввода Выбор2 и показывает выпадающее меню с текстовым полем в нем:Как использовать другой стиль .select2: параметр фильтра как первая строка не в раскрывающемся списке?

enter image description here

Как мы можем показать его, когда текстовое поле заменяет текст-заполнитель, как так:

enter image description here

_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

+0

Galli.com, Существует вариант Выбор2 –

+0

Это выглядит так, как будто это достижимо только путем удаления опции заполнитель. –

+0

Точка в том, что вы не хотите показывать параметр фильтра правильно? –

ответ

2

То, что вы на самом деле ожидаете здесь множественный выбор или падение многозначные вниз окна в этом примере. Это ни единое значение.

Как обходной путь. попробуйте это ниже.

$('#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

+0

Большое спасибо Ven! Это отлично сработало после тренировки с помощью CSS, чтобы получить желаемый вид. –

 Смежные вопросы

  • Нет связанных вопросов^_^