JSFiddle - React, Tailwind, and code Playground

HTML

<select class="columnselect" id="column_1" size="4">
    <option>Opt1</option>
    <option>Opt2</option>
    <option>Opt3</option>
    <option>Opt4</option>
</select>
<select class="columnselect" id="column_2" size="4">
    <option>Opt5</option>
    <option>Opt6</option>
    <option>Opt7</option>
    <option>Opt8</option>
</select>
<select class="columnselect" id="column_3" size="4">
    <option>Opt9</option>
    <option>Opt10</option>
    <option>Opt11</option>
    <option>Opt12</option>
</select>

JavaScript

$('.columnselect').click(function()
{
    var id = $(this).attr('id');
    $('.columnselect:not([id="' + id + '"]) option:selected').attr('selected', false);
})