JSFiddle - React, Tailwind, and code Playground

HTML

<label>DROPDOWN 1</label>
<select name="select1">
    <option>No Match</option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
    <option value="4">Four</option>
</select><br>
<label>DROPDOWN 2</label>
<select name="select2">
    <option>No Match</option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
    <option value="4">Four</option>
</select><br>
<label>DROPDOWN 3</label>
<select name="select3">
    <option>No Match</option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
    <option value="4">Four</option>
</select><br>
<label>DROPDOWN 4</label>
<select name="select4">
    <option>No Match</option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
    <option value="4">Four</option>
</select>

JavaScript

$('select').on('change', function() {
    selected = [];

    $('select').each(function() {

        if ($(this).val() !== "No Match")

            selected.push($(this).find('option:selected').val());

    });
    console.log(selected);

    $('select').children().each(function(index) {

        if ($.inArray($(this).val(), selected) !== -1) {
            $(this).attr('disabled', true);

        } else {
            $(this).attr('disabled', false);
        }
    });
});