JSFiddle - React, Tailwind, and code Playground

by liquidmetalrob

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div data-value="1" s='numbers'>1</div>
<div data-value="2" s='numbers'>2</div>
<div data-value="3" s='numbers'>3</div>

<div data-value="a" s='letters'>a</div>
<div data-value="b" s='letters'>b</div>
<div data-value="c" s='letters'>c</div>

<select id='numbers'>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>
<select id='letters'>
  <option value="a">a</option>
  <option value="b">b</option>
  <option value="c">c</option>
</select>

JavaScript

$("div").on("click", function() {
  var sel = this.getAttribute('s')
  $("#"+sel).val($(this).data("value"));
});