html select disable option code example

Example 1: html non selectable option

<option disabled selected value> -- select an option -- </option>

Example 2: 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 3: html select option disabled selected

<option selected disabled>Choose Tagging</option>

Example 4: 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);
         }
      });
  });