jquery-select2

I am using Select2 3.5.1. With this plugin I can successfully load remote data. However I am here today to ask a question to improve this search. Here is the step-by-step to understand what I would like to do: Setup a Select2 with remote data loading (using ajax). Click on the Select2 input and search for something. The loading will appear and after some seconds you will see a list of results. Click on one of the results listed - the box of results will then disappear. If you click again on the search box, the list will be empty and you will need to type some new text again to have a list of

I'm using Igor Vaynberg's Select2 jQuery plugin with the Infinite Scroll with Remote Data option to make an autocomplete search box for my website. The AJAX is working great and the results are showing up, but they are unselectable -- the change event is never fired and when you click on a result, nothing happens. There are also no errors showing up in the Chrome console, so I think it's not a syntax error, rather the plugin is mistaking it for a disabled select box. EDIT: having tried a separate on-click event for the result list which never got fired either, I'm now pretty sure there's

In my bootstrap project I'm trying to use the plugin select2 but I realized that if you use this plugin are no longer able to validate select fields in my form with validate plugin. I would avoid using the commercial plugin bootstrap validator.. <div class="container"> <div class="row"> <form id="test_form" action="?"> <div class="col-md-3"> <div class="form-group"> <label for="name">Foo</label> <select class="form-control" id="foo" name="foo"> <option value=""></option> <option value="1">1</option> <option value="2">2</option> </select> </div> </div> <div class="col-md-3"> <div class="form

I am trying to use select2 inside bootstrap modal but it is not getting the focus automatically as well as down and up arrows are not working for the populated list. The same select2 works when I put it outside the modal popup. When I searched, I found many are facing this same problem and found this post Select2 doesn't work when embedded in a bootstrap modal I implemented both the solutions from it Removed tabindex from modal popup. Commented code of enforceFocus function in modal.js file. But it is still not working! Any idea what I could still be missing? Edit1 It works on firefox when

I'm using the jQuery Select2 (v4) plugin for a tag selector. I want to listen for when a new tag is created in the select element and fire an ajax request to store the new tag. I discovered there is the createTag event but this seems to fire every time a letter is entered into the select2 element. As shown in my fiddle: http://jsfiddle.net/3qkgagwk/1/ Is there a similar event that only fires when the new tag has finished being entered? I.e. it's enclosed by a grey box enclosing it. I can't find any native method unfortunately. But if you're interested in simple "workarounds", maybe this get

Select2 Jquery Plugin I was having hard time how to override the default message for minimum length input in jquery Select2. by default the plugin gives the following message. Default Text Please enter 1 more characters My requirement was to show, the following text Required Text Enter 1 Character please share the solution. Thanks. The accepted answer does not work for Select2 v4. Expanding on the comment by @IsaacKleinman, the way to override the default messages for an individual Select2 instance is through the language property: var opts = { language: { inputTooShort: function(args) { //