JSFiddle - React, Tailwind, and code Playground

by Tushar Jadhav

HTML

<div class="drop">Team:1
    <select data-placeholder="Select Team 1" class="chzn-select team1 drop" tabindex="6" name="team1[]">
        <option value="">Select</option>
        <option value="Team one">Team one</option>
        <option value="Team two">Team two</option>
        <option value="Team three">Team three</option>
    </select>Team:2
    <select data-placeholder="Select Team 2" class="chzn-select team1 drop" tabindex="6" name="team1[]">
        <option value="">Select</option>
        <option value="Team one">Team one</option>
        <option value="Team two">Team two</option>
        <option value="Team three" selected>Team three</option>
    </select>Team:3
    <select data-placeholder="Select Team 2" class="chzn-select team1" tabindex="6" name="team1[]">
        <option value="">Select</option>
        <option value="Team one" selected>Team one</option>
        <option value="Team two">Team two</option>
        <option value="Team three">Team three</option>
    </select>
</div>

JavaScript

$(document).ready(function () {
    $('.drop').on('change', 'select', function () {
        $(this).siblings('select').find('option[value="' + $(this).val() + '"]').remove();
    });
});