JSFiddle - React, Tailwind, and code Playground

HTML

<select name="table1" id="table1">
<option value="cacis">cacis</option>
<option value="racis">racis</option>
<option value="lalal">lalal</option>
<option value="lalala">lalala</option>
</select>
<br />
<select name="table2" id="table2">
    <option value="racis">racis</option>
    <option value="cacis">cacis</option>
    <option value="lalal">lalal</option>
    <option value="lalala">lalala</option>
</select>

JavaScript

$("#table1").click( function() {
  
  $("#table2").val($("#table1").val()) ;
});
$("#table2").click( function() {
  
  $("#table1").val($("#table2").val()) ;
      });