JSFiddle - React, Tailwind, and code Playground

HTML

<select class="hello">
    <option value=""></option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
    <option value="A">A</option>
</select>
<select class="hello">
    <option value=""></option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
    <option value="B">B</option>
</select>
<select class="hello">
    <option value=""></option>    
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
    <option value="C">C</option>
</select>

JavaScript

$(document).ready(function () {
        $('select.hello').change(function () {
            $('select.hello option').attr('disabled', false);
            $('select.hello').each(function() {
                var val = $(this).find('option:selected').val();
                if (!val) return;
                $('select.hello option').filter(function() {
                    return $(this).val() == val;
                }).attr('disabled', 'disabled');
            });
        });
    });