CODEWITHSUNDEEP
javascriptjqueryjquery-select2
nielsv
nielsv

Reputation: 6820

Select2 - input field without dropdown

I'm working with select2 and I have a input field where I want to providde search terms. enter image description here

As you can see I have a dropdown where I can select or type my own text.
My jquery code:

function createQuestionTags(data){
  $(".question").select2({
    createSearchChoice: function (term, data) {
        if ($(data).filter(function () {
            return this.text.localeCompare(term) === 0;
        }).length === 0) {
            return {
                id: term,
                text: term
            };
        }
    },
    data: data,
    placeholder: "Enter Question",
    allowClear:true
  });
}

How can I set that it is just an input field where you can type and not with a dropdownlist?

Upvotes: 3

Views: 7975

Answers (1)

Aniket
Aniket

Reputation: 9758

A dropdown will always be visible because that's how Select2 works. It's a really good library but this happens to be one of the constraints you will have to work through. The very simple reason behind is:

Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results. — Select2

You can try and forcefully hide it using CSS but I haven't tried that.

I recently came across selectize.js which is equally good as Select2 and fulfils your requirements.

Upvotes: 3

Related Questions