JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
  <aside>
  <div class="col1">
    <select>
      <option value="1" selected disabled>Red</option>
      <option value="2">Blue</option>
      <option value="3">Green</option>
      <option value="4">Yellow</option>
      <option value="5">Purple</option>
    </select>
    <p>Red</p>
  </div>
  <div class="col2">
    <select>
      <option value="1">Red</option>
      <option value="2" selected disabled>Blue</option>
      <option value="3">Green</option>
      <option value="4">Yellow</option>
      <option value="5">Purple</option>
    </select>
    <p>Blue</p>
  </div>
  <div class="col3">
    <select>
      <option value="1">Red</option>
      <option value="2">Blue</option>
      <option value="3" selected disabled>Green</option>
      <option value="4">Yellow</option>
      <option value="5">Purple</option>
    </select>
    <p>Green</p>
  </div>
  <div class="col4">
    <select>
      <option value="1">Red</option>
      <option value="2">Blue</option>
      <option value="3">Green</option>
      <option value="4" selected disabled>Yellow</option>
      <option value="5">Purple</option>
    </select>
    <p>Yellow</p>
  </div>
  <div class="col5">
    <select>
      <option value="1">Red</option>
      <option value="2">Blue</option>
      <option value="3">Green</option>
      <option value="4">Yellow</option>
      <option value="5" selected disabled>Purple</option>
    </select>
    <p>Purple</p>
  </div>
 </aside>

CSS

aside {display:flex;}
.col1 {order:1;}
.col2 {order:2;}
.col3 {order:3;}
.col4 {order:4;}
.col5 {order:5;}

JavaScript

var col = ['col1', 'col2', 'col3', 'col4', 'col5']
  
  $("select").change(function(){
    var prevClass = $(this).parent().attr('class');
    var nextClass = col[$(this).val() - 1];
    $(this).val($(this).find('option[selected]').val());
    $('div.' + prevClass).removeClass(prevClass).addClass("col0");
    $('div.' + nextClass).removeClass(nextClass).addClass(prevClass);
    $('div.col0').removeClass("col0").addClass(nextClass);
  });