JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<select id="select_data">
  <option value="1">Value 1</option>
  <option value="2">Value 2</option>
</select>
<div id="spinner">
  <div style="color: #79bbb5" class="la-ball-spin-fade la-2x">
    <div>s</div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
  </div>
</div>

CSS

#spinner {
  display: none;
}

JavaScript

$("#select_data").on('change', function() {
  // show spinner here
  $('#spinner').show();

  $.ajax({
    url: "test.html"
  }).done(function() {
    // hide is again on response of ajax
    $('#spinner').hide();
  });
});