jquery-select2

Does somebody have an easy to use example of a country drop-down, with country flags, for Select2 ? I am about to implement one based on this suggestion, but I would prefer to avoid reinventing the wheel. Starx I was working on a similar problem and here is how I solve it. (function($) { $(function() { var isoCountries = [ { id: 'AF', text: 'Afghanistan'}, ... ]; //Assuming you have a select element with name country // e.g. <select name="name"></select> $("[name='country']").select2({ placeholder: "Select a country", data: isoCountries }); }); })(jQuery); I also have made a gist about it and

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

I'm thinking in moving from Chosen to Select2 because Select2 has native methods for ajax. Ajax is critical because usualy you have to load a lot of data. I executed sucessfully the example with the JSON of api.rottentomatoes.com/api/ I did a JSON file to test the ajax, but it didn't works. I don't know how the JSON should be. It seems that there is no detailed documentation: https://github.com/ivaynberg/select2/issues/920 I tried unsucessfully several JSON formats, so I tried to copy a JSON format similar to api.rottentomatoes but it doesn't works. I may be missing something stupid. function

I'm trying to use the createSearchChoice function to allow users to enter their own choice when the default list won't suffice. When I try to use this function on a <select> element, I get the following error: Error: Error: Option 'createSearchChoice' is not allowed for Select2 when attached to a <select> element. I tried using an <input type='hidden'> element instead, but now get the following error: Error: uncaught exception: query function not defined for Select2 'MyInputName' I'd prefer to use the select element to stay in line with existing code (need the ability to select multiple