jQuery addClass example

Change class name on click in jQuery

by Sascha

HTML

<select name="addresslist" class="form-select" id="edit-addresslist">
<option value="none">-- Please select an address from the list below --</option>
<option value="none">Another option</option>
//there are more options but this isn't important here       
</select>
<div id="overlay-loader">
sdf
</div>

CSS

#overlay-loader {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(120, 120, 255, 0.6);
  z-index: 5;
}

JavaScript

function selectAddress(data) {
  var loader = document.getElementbyId('overlay-loader');
  var selectedAddress = data.value;
  var uprn = selectedAddress.split(',')[1];

  loader.style.display = "block";
  console.log(loader);

  $.ajax({
    url: '~/collectiondates',
    async: false,
    data: {
      uprn: uprn
    },

    success: function(data) {

      result = data;
    }
  });
}

$('#edit-addresslist').on('change', selectAddress)