JSFiddle - React, Tailwind, and code Playground

HTML

<select id="chooser-1">
    <option value="1">foo</option>
    <option value="2" class="x">bar</option>
    <option value="3" class="y">baz</option>
</select>

<select id="chooser-2">
    <option value="1">foo</option>
    <option value="2" class="x">bar</option>
    <option value="3" class="y">baz</option>
</select>

JavaScript

$(function() {
    $("#chooser-1 .x").attr("selected", "selected");
    $("#chooser-1 .y").removeAttr("selected");
    
    $("#chooser-2 .x").attr("selected", "selected");
});