Select2: How to prevent tags sorting

by

I’ve found a solution that works with Select2 v4. It changes the order of items – item selected by user are moved to the end.

$("select").select2();

$("select").on("select2:select", function (evt) {
  var element = evt.params.data.element;
  var $element = $(element);
  
  $element.detach();
  $(this).append($element);
  $(this).trigger("change");
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.css" rel="stylesheet"/>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.js"></script>

<select style="width: 500px;" multiple="multiple">
  <option>two</option>
  <option>four</option>
  <option>six</option>
</select>

Update

The solution was found here: github.com/select2/select2/issues/3106. Its author is kevin-brown.

More Related Contents:

  1. Select2 doesn’t work when embedded in a bootstrap modal
  2. Update select2 data without rebuilding the control
  3. Reset select2 value and show placeholder
  4. select2 and jquery validation not working properly
  5. JQuery Select2 – How to select all options
  6. How to make select2 work with jquery.validation plugin?
  7. Initialising select2 created dynamically
  8. Using bootstrap select2 with JqGrid form
  9. Get Selected value from Multi-Value Select Boxes by jquery-select2?
  10. How to use placeholder as default value in select2 framework
  11. Select2 v4 how to paginate results using AJAX
  12. Selectable optgroup using select2
  13. Dynamically add item to jQuery Select2 control that uses AJAX
  14. How to Set Selected value in Multi-Value Select in Jquery-Select2.?
  15. how to serialize all img tags with Jquery
  16. jQuery: how to get which button was clicked upon form submission?
  17. Scroll to bottom of Div on page load (jQuery)
  18. Facebook style JQuery autocomplete plugin [closed]
  19. Submit form in rails 3 in an ajax way (with jQuery)
  20. Selecting elements with a certain background color
  21. Jquery: Checking to see if div contains text, then action
  22. Local form editing demo and jqGrid 4.4.1
  23. How to make a jquery click event fire only on first click
  24. html5 audio player – jquery toggle click play/pause?
  25. How to dynamically set bootstrap-datepicker’s date value?
  26. Remove elements with only a   space using jQuery
  27. How to select elements which do not have a specific child element with JQuery
  28. jQuery textarea append newline behavior
  29. jQuery and AngularJS: Bind Events to Changing DOM
  30. Recommended jQuery templates for 2012? [duplicate]

Leave a Comment