jquery-select2

I have this fiddle which is an extension of the Backbone/Marionette playground fiddle. I included select2 js and css files. Is it possible to edit a tag that is not the last tag? You can edit by backspacing in the box, but it only lets you touch the last one. I would like it to act like a gmail 'to' list where you can double click on one and edit it, then it goes back to a tag on blur. this.$('#foo').select2({ data: [{ id: 1, text: "test1.com" }, { id: 2, text: "test2.com" }], multiple: true, allowclear: true, tags: [], placeHolder: "Click Here!", tokenSeparators: [',', ' '],

so i am looking into loading external data in an select2 box where there is prepopulate results from the json i have two issue - getting the data in and then only loading the first few but when a user searches it passes the request to the rest and then the specific json is returned so the HTML is a simple as <input type="hidden" id="e21" style="width:300px;"/> the inital js is $(document).ready(function () { $('#e21').select2({ query: function (query){ var data = {results: []}; console.log(data); $.each(preload_data, function(){ if(query.term.length == 0 || this.text.toUpperCase().indexOf

I have a jquery code, that is resorting my select2 tags. It is working well: $('select').select2({ placeholder: 'Select a month' }); $("select").on("select2:select", function(evt) { var element = evt.params.data.element; var $element = $(element); window.setTimeout(function() { if ($("select").find(":selected").length > 1) { var $second = $("select").find(":selected").eq(-2); $element.detach(); $second.after($element); } else { $element.detach(); $("select").prepend($element); } $("select").trigger("change"); }, 1); }); $("select").on("select2:unselect", function(evt) { if ($("select").find("

I want to support the MaximumInputLength decorator for my custom Select2 Data Adapter . In my custom data adapter, the Utils.Decorate() call does not do anything. Looking at this gist , I could call the Decorator function in the same place where I initialize select2() , but that seems icky and not DRY, as I want to initialize many of these Select elements. In order to enable minimum input for ALL instances of MyDataAdapter, is it possible to decorate that adapter from the adapter itself? Is there a better way to do this? My select2() call: $('select').select2({ dataAdapter: MyDataAdapter,

JSfiddle: http://jsfiddle.net/cjVSj/ I have a simple select2 with the range of possible tags set by the tags option and the preloaded tags set by values in the input field in the html. When the on change event fires on the select2, the removed item seems to lose its id, reporting instead its text value. To see the problem, adding a tag (e.g. west) correctly reports the added.id, but removing the existing east tags reports id = east, not 1356. Any insight into how to gain access to the id of a tag upon removal? HTML: <script> var tags = [{ "id": 1354, "text": "north", "restricted": false }, {

UPDATE: I'm using the following plugin I'm trying to check if the checkbox is checked when the user refresh the page or reload the page and here is what I have used but I have done the debugging and it never execute the second IF condition $('input').on('ifChecked', function (event) { if ($("input#CreatePart").is(':checked')) { alert('checked'); } }); $('input').on('ifUnchecked', function (event) { if ($("input#CreatePart").is(':checked')) { alert('un-checked'); } }); <input checked="checked" class="icheck" data-val="true" data-val-required="The Create new Part field is required." id=