JSFiddle - React, Tailwind, and code Playground

by Vicky Leong

HTML

<form>

 <select id="dropDown1">
    <option value = "A">A</option>
    <option value = "B">B</option>
    <option value = "C">C</option>
 </select>

<select id="dropDown2">
    <option value="You chose A">You chose A</option>
    <option value="You chose B">You chose B</option>
    <option value="You chose C">You chose C</option>
</select>
</form>

JavaScript

$(function() {
    $('#dropDown1').change(function(){
       $('#dropDown2').val('You chose ' + this.value);
    });
    $('#dropDown2').change(function(){
       $('#dropDown1').val(this.value.replace('You chose ', ''));
    });
});