JSFiddle - React, Tailwind, and code Playground

HTML

<select>
    <option></option>
    <option value="a"> Audi </option>
    <option value="b"> BMW </option>
    <option value="c"> Citroen </option>
    <option value="d"> Daihatsu </option>
    <option value="f"> Fiat </option>
    <option value="h"> Hyundai </option>
</select>

<select>
    <option></option>
    <option value="a"> Audi </option>
    <option value="b"> BMW </option>
    <option value="c"> Citroen </option>
    <option value="d"> Daihatsu </option>
    <option value="f"> Fiat </option>
    <option value="h"> Hyundai </option>
</select>

<select>
    <option></option>
    <option value="a"> Audi </option>
    <option value="b"> BMW </option>
    <option value="c"> Citroen </option>
    <option value="d"> Daihatsu </option>
    <option value="f"> Fiat </option>
    <option value="h"> Hyundai </option>
</select>

CSS

select { font-size:26px; }

JavaScript

var selects = $('select');

selects.change(function() {
    var vals = {};    
    selects.each(function() { vals[this.value] = true; }).get();
    selects.not(this).children().not(':selected').not(':first-child')
        .each(function() { this.disabled = vals[this.value]; });
});