jquery-select2-4

I am using Select2 (version 4) with tags and would like to have the selected choices display below the input field. So instead of: Rather have: Is this possible and if so how do I achieve that? EDIT: Code is: <select class="js-example-tags form-control" multiple="multiple"> <option selected="selected">orange</option> <option selected="selected">white</option> <option selected="selected">purple</option> <option selected="selected">red</option> <option selected="selected">blue</option> <option selected="selected">green</option> </select> and $(".js-example-tags").select2({ tags: true }) When

I migrated from chosen to select2 plugin because it works better for me, but its documentation is very poor when compared to chosen. Could anyone tell me what option(s) should be used to make select2 search function to filter words that just begin with search term (and don't contain it in the middle). Let's say select2 field has those options: banana, apple, pineapple. When user enters "app" (or apple), only apple should be returned (because it's the only word that starts with apple). Now, it returns both apple and pineapple. After lots of search I figured out that some custom matcher needs to

I'm using select2 plugin(v4) and loading his options with ajax. If i open the select input on the first time the data will be loaded. When I open the select again, the same data is reloaded. There is any way to prevent this "reloading" of data? I mean, if i just open the select2 and the options were previously loaded I don't want to load again. Here is my current code: $(select_input).select2({ ajax: { url: url, dataType: 'json', quietMillis: 250, data: function (params) { return { term: params.term, page: params.page, page_limit: default_page_size }; }, processResults: function (data) {

I just started using project for showing multiple tags from a select box and it works great, thanks for the library. I just need to modify the color or css of the tags shown in multi-value select-boxes. Right now the color of the tag is shown as grey and I would like to change that to some other color according to the type of the tag. Or at least is there a way to change the default color? Also is it possible to change the css class of tags? There is an option such as formatResultCssClass but when I tried to add css classes through that property nothing changed, I would appreciate if someone

I'm using Select2 version 4.0.0. If my results contain multiple words, and the user enters one of those words, I want to display the results sorted by where the entered word is within the result. For example, a user enters "apple", and my results are: "banana orange apple" "banana apple orange" "apple banana orange" Then "apple banana orange" should appear first in the list of select2 results, because that is the result in which "apple" appears earliest within the result. I don't care so much about the ordering past that. What do I override or configure to get something like this? It seems

So I'm trying to use Select2 within my Aurelia application. I installed Select2 using jspm install select2 , and within my app.html file I require Select2 using <require from="select2/js/select2.min.js"></require> . The browser loads the minified JS file fine, but for some reason it also tries to load http://localhost:3003/jspm_packages/github/select2/select2@4.0.0/js/select2.min .html . Why is Aurelia trying to load the HTML counterpart of the same JS file that I specified in my <require> element? How can I fix this? Thanks The purpose of <require from="...."></require> is to import a view