Как выбрать все элементы, когда я нажимаю на все из раскрывающегося списка, используя jquery, и выбираю. js?

Question

У меня проблема с отображением всех элементов из раскрывающегося списка, когда я нажимаю на все. По сути, я реализовал множественный выбор, используя https://harvesthq.github.io/chosen/. Я просто хочу, чтобы когда пользователь нажимал на все параметры из раскрывающегося списка, все элементы из раскрывающегося списка должны отображаться в поле множественного выбора вместо всех параметров, отображаемых на изображении. Может кто-нибудь помочь мне. Спасибо

html 

<select data-placeholder="Type here to find device" id="logs"  name="tags[]"  multiple class="chosen-select form-control" onchange="checkLogging()" required>
<option value="" selected></option>
<option value="ALL">All</option>
<option value="ASA" >Cisco ASA</option>
<option value="ISE"> CISCO ISE</option>
<option value="MS">Microsoft Windows</option>
<option value="ATA">Microsoft ATA</option>
<option value="Alliance">SWIFT Alliance</option>
<option value="Proxy">Bluecoat Proxy</option>
<option value="Csp"> Symantec CSP</option>
</select> 

js

$(function() {
    var filter = $('#logs');
    filter.on('change', function() {
      if (this.selectedIndex) return; //not `Select All`
      filter.find('option:gt(0)').prop('selected', true);
      filter.find('option').eq(0).prop('selected', false);
    });
  });

Answer 1

Вы можете сделать это так:

$(function() {
   var filter = $('#logs');
   filter.on('change', function() {
      if ($(this).val() == ",ALL") {
         filter.val('').trigger('chosen:updated');
         filter.find('option:not([value="ALL"])').attr('selected', 'selected');
         filter.trigger('chosen:updated');
      }
   });
});

Рабочий Fiddle .