https://www.future-labo.com/layout/fl/common/js/application.js

1(function($){
2  $(function(){
3
4    $('.multiselect').multiSelect({});
5    $('#ms-optgroup .ms-selectable, #ms-outsideCountries .ms-selectable').find('li.ms-elem-selectable').hide();
6    $('.ms-optgroup-label').click(function(){
7      if ($(this).hasClass('collapse')){
8        $(this).nextAll('li').hide();
9        $(this).removeClass('collapse'); 
10      } else {
11        $(this).nextAll('li:not(.ms-selected)').show();
12        $(this).addClass('collapse');
13      }
14    });
15  
16    $('#searchable-form').multiSelect({
17      selectableHeader : '<input type="text" id="search" autocomplete = "off" />'
18    });
19
20    //$('input#search').quicksearch('#ms-searchable-form .ms-selectable li');
21    $('#searchable-form').multiSelect();
22    
23
24    $('#multipleHeaders').multiSelect({
25      selectableHeader : '<h4>Selectable Items</h4>',
26      selectedHeader : '<h4>Selected Items</h4>'
27    });
28    
29    $('#simpleCountries').multiSelect({});
30
31    $('#ikeeporder').multiSelect({ keepOrder: true });
32
33    $('#empty-array-select').multiSelect({ emptyArray: true})
34    
35    $('#callbackCountries').multiSelect({
36      afterSelect: function(value, text){
37        alert('Select element\nvalue: '+value+'\ntext: '+text);
38      },
39      afterDeselect: function(value, text){
40        alert('Deselect element\nvalue: '+value+'\ntext: '+text);
41      }
42    });
43    
44    $('#selectAll').click(function(){
45      $('#outsideCountries').multiSelect('select_all');
46      return false;
47    });
48
49    $('#deselectAll').click(function(){
50      $('#outsideCountries').multiSelect('deselect_all');
51      return false;
52    });
53    
54    $('#selectFR').click(function(){
55      $('#outsideCountries').multiSelect('select', 'fr');
56      return false;
57    });
58    
59    $('#deselectFR').click(function(){
60      $('#outsideCountries').multiSelect('deselect', 'fr');
61      return false;
62    });
63    
64    
65    $('#demos-menu li').click(function(){
66      $('#demos-menu li').removeClass('active');
67      $('#demos-content').children('div').hide();
68      $(this).addClass('active');
69      $('#demos-content .'+$(this).attr('id')).show();
70    });
71    
72    $('#real-form').submit(function(){
73      var value = $('#real-form').find('select').val();
74      var str = value ? '['+value+']' : value;
75      alert("select value:\n"+str);
76      return false;
77    });
78    
79    $('#empty-array-form').submit(function(){
80      var value = $('#empty-array-form').find('select').val();
81      var str = value ? '['+value+']' : value;
82      alert("select value:\n"+str);
83      return false;
84    });
85  });
86})(jQuery)