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

$('#name').change(function(){
  $('#name2').val( $('#name2').prop('defaultSelected') );
});

$('#name2').change(function(){
  $('#name').val( $('#name').prop('defaultSelected') );
});