JSFiddle - React, Tailwind, and code Playground

HTML

<select id="name" >
    <option value="">select all</option>
    <option value="1">Text 1</option>
    <option value="2">Text 2</option>
    <option value="3">Text 3</option>
</select>


<select id="name2" >
    <option value="">select all</option>
    <option value="1">Text 1</option>
    <option value="2">Text 2</option>
    <option value="3">Text 3</option>
</select>

JavaScript

$(function(){
    $('#name').change(function(){
        $('#name2 option[value=""]').attr('selected','selected');
    });
    
    $('#name2').change(function(){
        $('#name option[value="1"]').attr('selected','selected');
    });
});