Select2 used to provide a select2(‘search’, ‘term’) helper method that would have assisted with this, but it was not brought over to Select2 4.0.0. There are a couple of ways that this could be done, but in general they all follow the same pattern of steps Open the Select2 dropdown Enter the search text into … Read more
May be if (select.val() !== “” && select.val() !== null) { **el.className += ‘has-selection’;** } else { el.removeClass(‘has-selection’); }
$(‘#select_id’).val(‘val’).trigger(‘change’); is the right way, see here
Working Code for v4.0+ *(including 4.0.7) The following code will open the menu on the initial focus, but won’t get stuck in an infinite loop when the selection re-focuses after the menu closes. // on first focus (bubbles up to document), open the menu $(document).on(‘focus’, ‘.select2-selection.select2-selection–single’, function (e) { $(this).closest(“.select2-container”).siblings(‘select:enabled’).select2(‘open’); }); // steal focus during … Read more
Ok, played with this for a while and found a working solution so I’ll answer my own question here. The key here for me is to build a data array with content for both templateSelection and templateResult. The latter renders fine in the dropdown but any multiline content will not be contained in the select2 … Read more
The option noMatches doesn’t appear anywhere in the source code. The actual option is named noResults. The working version of your example is: $(‘#search-select’).select2({ … “language”: { “noResults”: function(){ return “No Results Found <a href=”#” class=”btn btn-danger”>Use it anyway</a>”; } }, escapeMarkup: function (markup) { return markup; } }); You also need to override escapeMarkup, … Read more
You are doing most things correctly, it looks like the only problem you are hitting is that you are not triggering the change method after you are setting the new value. Without a change event, Select2 cannot know that the underlying value has changed so it will only display the placeholder. Changing your last part … Read more