JSFiddle - React, Tailwind, and code Playground

HTML

<select id="a" var="b">
    <option>-- SELECT --</option>
	<option value="a">a</option>
	<option value="b">b</option>
	<option value="c">c</option>
	<option value="d">d</option>
	<option value="e">e</option>
</select>

<select id="b" var="c" disabled>
    <option>-- SELECT --</option>
	<option value="a">a</option>
	<option value="b">b</option>
	<option value="c">c</option>
	<option value="d">d</option>
	<option value="e">e</option>
</select>

<select id="c" disabled>
    <option>-- SELECT --</option>
	<option value="a">a</option>
	<option value="b">b</option>
	<option value="c">c</option>
	<option value="d">d</option>
	<option value="e">e</option>
</select>

JavaScript

var doNotShow = [];

$('select').change( function() {
    
  var nextSelect = $(this).attr("var");
  doNotShow.push($(this).val());

  $.each(doNotShow, function( index, value ) {
    $("#" + nextSelect + " option[value='" + value + "']").prop('disabled', true);
    
  });
  
  $("#" + nextSelect).prop('disabled', false);
  $(this).prop('disabled', true);
  
});