jQuery addClass example

Change class name on click in jQuery

by mslocum

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/css/select2.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/js/select2.full.js"></script>
<select class="select2-picker"></select>

CSS

.select2-picker {
  width: 500px;
}
.select2-container {
  height: 150px;
}
.select2-selection--multiple {
  height: 100%;
  overflow-x: auto;
}

JavaScript

$(function() {
    const channels = [{"id":115688,"text":"do not use 7"},{"id":118745,"text":"DA - WEBM - Spotify - UK - $18"},{"id":118746,"text":"DA - WEBM - Spotify - DE "},{"id":118843,"text":"DA - WEBM - Spotify - NO "},{"id":118851,"text":"DA - WEBM - Spotify - ES - $13"},{"id":118852,"text":"DA - WEBM - Spotify - SE - $12"},{"id":119470,"text":"DA - WEBM - Spotify - AU - $14.7"},{"id":121271,"text":"DA - WEBM - Spotify - NL"},{"id":121374,"text":"DA - WEBM - Spotify - IE - $18.4"},{"id":123573,"text":"Spotify - TEST"},{"id":144620,"text":"DA - WEBM - Spotify - NZ - $17.4"},{"id":145613,"text":"DA - WEBM - Spotify - FI - $11.50"},{"id":145615,"text":"DA - WEBM - Spotify - DK "},{"id":146102,"text":"DA - WEBM - Spotify - CA - $7"},{"id":146306,"text":"DA - WEBM - Spotify - TR - $9.2"},{"id":147598,"text":"DA - WEBM - Spotify - IT - $14.7"},{"id":147893,"text":"DA - WEBM - Spotify - MX "},{"id":147894,"text":"DA - WEBM - Spotify - BR - $9.2"},{"id":150795,"text":"DA - WEBM - Spotify - US - $21"},{"id":151300,"text":"DA - WEBM - Spotify - FR - $14.50"},{"id":153027,"text":"DA - WEBM - Spotify - UK - $18 - NESTLE "},{"id":154125,"text":"DA - WEBM - Spotify - ID - $7.50"},{"id":154126,"text":"DA - WEBM - Spotify - PH - $13"},{"id":154948,"text":"Spotify - TEST Desktop"},{"id":155221,"text":"MOBILE APP TEST ENVIRONMENT "},{"id":155436,"text":"DA - WEBM - Spotify - PT - $9"},{"id":156198,"text":"MA - MP4 - Spotify - UK - MVTO (iOS)"},{"id":159270,"text":"do not use 5"},{"id":160705,"text":"MA - MP4 - Spotify - DE - SS (iOS)"},{"id":164494,"text":"DA - WEBM - Spotify - AR - $9.2"},{"id":164495,"text":"do not use 9"},{"id":164496,"text":"do not use 8"},{"id":165957,"text":"DA - WEBM - Spotify - CH - $26"},{"id":165963,"text":"DA - WEBM - Spotify - AT - $22"},{"id":167026,"text":"DA - WEBM - Spotify - LT"},{"id":168454,"text":"DA - WEBM - Spotify - MY"},{"id":172955,"text":"DA - WEBM - Spotify - PL"},{"id":172956,"text":"DA - WEBM - Spotify -...