JSFiddle - React, Tailwind, and code Playground

by liquilife

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<select id="select-two" name="colordrop" class="color2" onchange="letsDoThis()">
  <option value="Jet" class="jet">Jet</option>
  <option value="Cream" class="cream">Cream</option>
  <option value="Chocolate" class="chocolate">Chocolate</option>
  <option value="Classic Red" class="classic_red">Classic Red</option>
  <option value="Blush" class="blush">Blush</option>
  <option value="Stone" class="stone">Stone</option>
  <option value="Rain" class="rain">Rain</option>
  <option value="White" class="white">White</option>
  <option value="Grey" class="grey">Grey</option>
  <option value="Turquoise" class="turquoise">Turquoise</option>
</select>

JavaScript

$( document ).ready(function() {
	window.addEventListener('hashchange', fn, false);
	window.onload = fn; // fire on pageload
	function fn() {
    document.getElementById('select-two').value =
    window.location.hash.replace('#','');
	}
});