jQuery addClass example

Change class name on click in jQuery

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.7/js/select2.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.7/css/select2.min.css">
<select id="month" style="width: 300px">
    <option value="JAN">January</option>
    <option value="FEB">February</option>
    <option value="MAR">March</option>
    <option value="APR">April</option>
    <option value="MAY">May</option>
    <option value="JUN">June</option>
    <option value="JUL">July</option>
    <option value="AUG">August</option>
    <option value="SEP">September</option>
    <option value="OCT">October</option>
    <option value="NOV">November</option>
    <option value="DEC">December</option>
</select>

<button class="disable">Disable</button>
<button class="enable">Enable</button>

JavaScript

$('#month').select2({
    placeholder: 'Select a month'
});

$('.enable').on('click', function() {
		// doesn't work, commented out:
    $('#month').prop('disabled', false);
    
    
    
    // works great with array
    //$('#month').select2('enable', [ true ]);
});

$('.disable').on('click', function() {

  	// doesn't work, commented out:
  	$('#month').prop('disabled', true );
    
    
    // works great with array:
 
   	//$('#month').select2('enable', [ false ]);
    
});