Reputation: 25862
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
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
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
Reputation: 1595
For select 2 4.0 you can do
$('#id').select2({
minimumResultsForSearch: Infinity
});
Upvotes: 1
Reputation: 7210
For select2 4.0 you can do
.select2-results__message {
display: none !important;
}
Upvotes: 3
Reputation: 21
.select2-results {
display: none;
}
**Just override this **
Upvotes: 1
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