JSFiddle - React, Tailwind, and code Playground
HTML
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="form-control SelectPriority" autocomplete="off" id="FirstPriority">
<option value="0" disabled selected value>Please choose one.</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
<select class="form-control SelectPriority" autocomplete="off" id="SecondPriority">
<option value="0" disabled selected value>Please choose one.</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
<select class="form-control SelectPriority" autocomplete="off" id="ThirdPriority">
<option value="0" disabled selected value>Please choose one.</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
<select class="form-control SelectPriority" autocomplete="off" id="ForthPriority">
<option value="0" disabled selected value>Please choose one.</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
<select class="form-control SelectPriority" autocomplete="off" id="FifthPriority">
<option value="0" disabled selected value>Please choose...
JavaScript
$(document).ready(function() {
$('.SelectPriority').change(function () {
$('.SelectPriority').each(function() {
$(this).siblings().find('[value=' + $(this).val() + ']').prop('disabled', true);
});
});
});