JSFiddle - React, Tailwind, and code Playground

HTML

<select id="first_box">
    <option>options 1</option>
    <option>options 2</option>
    <option>options 3</option>
</select>
<select id="second_box">
    <option>options d1</option>
    <option>options 2d</option>
    <option>options 3d</option>
</select>
<select id="third_box">
    <option>options 13</option>
    <option>options 23</option>
    <option>options 33</option>
</select>

JavaScript

$('#first_box').change(function () {
    $("select").not(this).find('option:nth-child(' + ($(this).find('option:selected').index() + 1) + ')').prop('selected', true);
});