disable the select option in html code example
Example 1: html option disabled
<label for="cars">Choose a car:</label>
<select name="cars" id="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="n/a" disabled>unavailable</option>
</select>
<select name="color" id="color">
<option value="" selected disabled hidden>Choose color...</option>
<option value="R">Red</option>
<option value="B">Blue</option>
</select>
Example 2: html select option disabled selected
<option selected disabled>Choose Tagging</option>
Example 3: disable other options in select except the selected
$("#lbCountries").click(function () {
$("#lbCountires option").each(function (index) {
if ($(this).is(':selected')) {
$(this).prop('disabled', false);
}
else {
$(this).prop('disabled', true);
}
});
});