jquery-select2

In select2 I have tags loaded by AJAX, if the tag is not found in the db then the user has the option to create a new one. The issue is that the new tag is listed in the select2 box as a term and not as the id (what select to wants - especially becomes a problem when loading the tags again if the user wants to update since only the term and not the id is stored in the db). How can I, on success of adding the term, make it so that select2 recieves the ID and submits the ID instead of the tag name/term? $(document).ready(function() { var lastResults = []; $("#project_tags").select2({ multiple:

I use the following select2 Yii widget in my view to populate a drop-down list. Since the data necessary for the preparation of the select list consists of more than 2K records I use select2 with minimumInputLength parameter and an ajax query to generate partial result of the list based on user input. If I create a new record I have no problem at all. It populates everything fine and I can save data to my database. However I don't know how to load saved data back to this drop-down during my update action. I read somewhere that initselection intended for this purpose but I couldn't figure out

I'm trying to read a collection from the html5 data-attribute of the input that is converted to select2 to create tags. This is working when I have one input: $(".tags").select2( width: '220px' tags: $(".tags").data('collection') ) But I will like to do it more safe using the data of the element itself, I tried this: $(".tags").select2( width: '220px' tags: $(this).data('collection') ) But it fails with the error: Uncaught query function not defined for Select2 investigador_aplicaciones Do you know if it is posible to use the element itself with a specific selector like $(this)? You can do

As and when I keep selecting multiple options in a select2 element, the text-area displaying the current selections keeps expanding, like the below: I tried fix height of classes like select2-selection and select2-container . That did not help me. I ended up with something like the below. My requirement - I want to fix the height and width of the text area and all the options must be rendered within it. (Since, this will be part of a small pop-up and there are size restrictions). This turned out to be fairly simple. There was a span element of class select2-selection--multiple as the parent of

Is there a possible way to fire an event when user clicks the no matches found message in jquery plugin select2??? i need that event for my project i have tried this code but it seems not working $('.select2-no-results').live('click',function(){ alert("Yes"); }); $('.select2-drop-active').delegate('li.select2-no-results','click',function(){ alert('Hello'); }); is there a possible solution for this???? technology_dreamer Hope my solution helps with your problem: *Select2 configuration var $select2 = $('#select2_id').select2( { //Your parameters formatNoMatches: Not_Found }); *Error handling

I use Select2 in my app to allow for searching a dropdown with about 1200 options. I am currently making use of the default implementation of Select2's matcher, which works well as long as keywords are adjacent in the search results: function(term, text) { return text.toUpperCase().indexOf(term.toUpperCase())>=0; } For example, a search for 'stackoverflow question' returns option 'Stackoverflow question about Select2' I would however else like the matcher to return results based on non-adjacent keywords. For instance, I would also like it to return the above option when searching for