Select2 sorter

by ysuper

HTML

<script src="https://rawgit.com/select2/select2/master/dist/js/select2.js"></script>
<link rel="stylesheet" href="https://rawgit.com/select2/select2/master/dist/css/select2.min.css">
https://stackoverflow.com/questions/28762180/how-to-sort-the-select2-jquery-plugin-options-alphabetically
https://9to5answer.com/select2-jquery-plugin-is-there-a-way-to-sort-a-list-of-tags-alphabetically

<script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.8/js/select2.min.js"></script>

<br>

<select id="example">
  <option value selected></option>
</select>

JavaScript

var data = ' \
[ \
  { \
    "name": "IBERSELEX", \
    "id": "CAF00001 ", \
    "MA002": "IBERSELEX", \
    "MA083": "T01" \
  }, \
  { \
    "name": "CASHTEK", \
    "id": "CAF00002 ", \
    "MA002": "CASHTEK", \
    "MA083": "T01" \
  }, \
  { \
    "name": "MEDIANT", \
    "id": "CAF00003 ", \
    "MA002": "MEDIANT", \
    "MA083": "T01" \
  }, \
  { \
    "name": "BANCO", \
    "id": "CAF00004 ", \
    "MA002": "BANCO", \
    "MA083": "T01" \
  }, \
  { \
    "name": "YOUNGTRONICS", \
    "id": "CAF00005 ", \
    "MA002": "YOUNGTRONICS", \
    "MA083": "T01" \
  } \
] \
'
data = JSON.parse(data)
console.log(data)
result = $.map(data, function (obj) {
  obj.id = obj.MA002;
  obj.text = obj.MA002;
  return obj;
});
console.log(result)

$('#example').select2({
    placeholder: 'Select a month',
    data: result,
    sorter: data => data.sort((a, b) => a.text.localeCompare(b.text)),
});