如何在select2下拉列表中将选项从集合拆分为不同的类别？

Question

这里是haml select2标记：

$(document).ready(function() {
    $('.compare-search').prepend('<option/>').val(function () {
      return $(this).val('');
    });

    $(".compare-search").select2({
      placeholder: "Search to compare",
      allowClear: true
    });

    $('.compare-search').on('change', function() {

      if (! $(this).val().length) {
        $('.vScoreExplain').show();
        $('.stats').hide();
      }
      else {
        $('.vScoreExplain').hide();
        $('.stats').show();
      }
    });
});

这些用户有一个布尔＆＃39; isRunning＆＃39;在后端。我需要与标签制作两个不同的小组＆＃39;运行＆＃39; （如果isRunning == true）和＆＃39; citizen＆＃39;如果不是真的。

我怎么能用select2做到这一点。无论如何将dasta传递回JS并将其推送到数组？那会是要走的路吗？

这是我目前的JS：

{{1}}

我希望它看起来像这样，但是我指定的类别而不是时区^

TLDR：
现在，我可以搜索并选择所有朋友，但是，我想根据＆＃39; isRunning＆＃39;将它们分成小组。来自后端的布尔值，类似于我帖子底部的照片如何分成不同时区的组。如果这没有意义，请告诉我。我可以尝试让它听起来更简洁。