JSFiddle - React, Tailwind, and code Playground

by parajulik

HTML

<select class="selectlist" id="1">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
</select>

<select class="selectlist" id="2">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
</select>

<select class="selectlist" id="3">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
</select>

JavaScript

$('.selectlist').change(function(){
    currentselect = $(this).attr('id');
    
    $('option[value='+$(this).val()+']').each(function(index,element){
        if ($($(element).parent()).attr('id')!=currentselect){
            $(element).remove();
        }
    });
});