Select2. js изменение атрибута

Question

Я использую элемент выбора в коде HTML, и я использую select2. js для этого раскрывающегося списка. Я создал для этого один атрибут, и там, где требуется эта функция, я добавляю это имя атрибута. все работает нормально. но если я выбираю или снимаю выделение любого раскрывающегося списка, все остальные значения раскрывающегося списка также выбирают или снимают выделение. но мне нужно, чтобы он работал только в раскрывающемся списке c, как это исправить? кто-нибудь, помогите мне исправить это.

Это мой HTML код:

<div class="ts-col-30 horizontal-scroll">
          <select class="form-control md-form-control" selected  multiple  name="select_project" id="filter_status"
            ng-init="localFilterValue.status = ''"
            ng-model="localFilterValue.status" select2
            enable-clear="true"
            placeholder="status">
            <option ng-repeat="(key,value) in case"
              value="{{key}}" ng-bind="value"></option>
          </select>
        </div>

это мой JS код:

if (attrs.selected) {
  element.select2().on("select2:open", function (e) {
    $(".select2-results").children().not(':last').remove();
    $(".select2-results").prepend('<span class="d-flex w-100"><button type="button" class="chosen-toggle select">Select all</button>' + '<button type="button" class="chosen-toggle deselect ml-auto">DeSelect all</button></span>');
  });
  $(document).on('click', '.select', function () {
    element.children().prop("selected", "selected");
    element.trigger("change");
  });
  $(document).on('click', '.deselect', function () {
    element.val(null).trigger("change");
  });
}