alexanoid
alexanoid

Reputation: 25862

Disable "No matches found" text and autocomplete on select2

How do you disable the "No matches found" text on autocomplete on select2/Tagging Support?

This is what I have now:

$('#ProductDescriptions_30_keywords').select2({
        tags:[],
        tokenSeparators: [",", " "],
        minimumResultsForSearch: -1
        }
    );

But it still shows the "No matches found" message in autocomplete window. I would like to remove this.

Upvotes: 8

Views: 16946

Answers (6)

smdhkv
smdhkv

Reputation: 187

Version 4.0.13. You can do either one below code

.select2-results__message {
    display:none !important;
}

*OR*

li.select2-results__message {
    display:none !important;
}

*OR*

.select2-results .select2-results__message {
    display:none !important;
}

Upvotes: 0

Big Zak
Big Zak

Reputation: 1100

Actually I was using the select2 v4 tags and the code below helped me :

 $(document).find(".email_contact_search").select2({
    tags: true,
    tokenSeparators: [','],
    "language":{
      "noResults" : function () { return ''; }
    }
  });

I just made the noResults language string to none :

"language":{
          "noResults" : function () { return ''; }
        }

Hope it helps someone

Upvotes: 10

Ifta
Ifta

Reputation: 1595

For select 2 4.0 you can do

$('#id').select2({
   minimumResultsForSearch: Infinity
});

Upvotes: 1

Diego Plentz
Diego Plentz

Reputation: 7210

For select2 4.0 you can do

.select2-results__message {
    display: none !important;
}

Upvotes: 3

hasith wijerathna
hasith wijerathna

Reputation: 21

.select2-results {
     display: none;
 }

**Just override this **

Upvotes: 1

Simon Adcock
Simon Adcock

Reputation: 3562

I think I see what you're getting at... You want to hide the text that says "No matches found" if a user enters a value into that search field that doesn't exist in the list?

You can probably do that in CSS:

.select2-no-results {
    display: none !important;
}

Here's an example.

Upvotes: 12

Related Questions